developing-with-streamlit

Routing-Fähigkeit für alle Streamlit-Entwicklungsaufgaben: App-Erstellung, Bearbeitung, Debugging, Styling, Optimierung und Bereitstellung. Leitet je nach Aufgabentyp an spezialisierte Unterfähigkeiten weiter: Leistungsoptimierung, Dashboard-Erstellung, Designverbesserung, Widget-Auswahl, Theming, Layouts, Datenanzeige, Multi-Page-Apps, Session State, Chat-UI, benutzerdefinierte Komponenten und Snowflake-Integration. Enthält einen Workflow zum Auffinden von Streamlit-Quelldateien, Identifizieren von Einstiegspunkten (streamlit_app.py, app.py) und...

npx skills add https://github.com/streamlit/agent-skills --skill developing-with-streamlit

Developing with Streamlit

Streamlit (>=1.57) ships detailed reference documentation for building Streamlit apps inside its pip package. The bundled skill is a routing SKILL.md plus a references/ folder of topic-specific reference docs (dashboards, themes, layouts, session state, custom components, etc.).

Usage

Run the discovery script with the user's project directory:

python <SKILL_DIR>/scripts/discover.py --project-dir <USER_PROJECT_DIR>

The script prints either:

  • A path on stdout (exit 0) — the bundled SKILL.md. Read it; it points into references/.
  • An ERROR: block on stderr (non-zero exit). Follow the printed instructions and re-run.

<SKILL_DIR> is the directory containing this file; <USER_PROJECT_DIR> is the absolute path to the user's project. Passing --project-dir matters because the script resolves .venv, ../.venv, Pipfile, poetry.lock, pdm.lock, and uv.lock relative to it.

Mehr Skills von streamlit

building-streamlit-custom-components-v2
streamlit
Builds bidirectional Streamlit Custom Components v2 (CCv2) using `st.components.v2.component`. Use when authoring inline HTML/CSS/JS components or packaged…
creating-streamlit-themes
streamlit
Erstellen und Anpassen von Streamlit-Themes. Verwenden Sie dies, wenn Sie App-Farben, Schriftarten oder das Erscheinungsbild ändern oder Apps an Markenrichtlinien anpassen. Deckt config.toml…
developing-with-streamlit
streamlit
**[ERFORDERLICH]** Für ALLE Streamlit-Aufgaben verwenden: Erstellen, Bearbeiten, Debuggen, Verschönern, Stylen, Theming oder Optimieren von Streamlit-Anwendungen. Ebenfalls erforderlich…
building-streamlit-custom-components-v2
streamlit
Builds bidirectional Streamlit Custom Components v2 (CCv2) using `st.components.v2.component`. Use when authoring inline HTML/CSS/JS components or packaged…
connecting-streamlit-to-snowflake
streamlit
Verbinden von Streamlit-Apps mit Snowflake. Verwenden Sie dies beim Einrichten von Datenbankverbindungen, Verwalten von Geheimnissen oder Abfragen von Snowflake aus einer Streamlit-App.
creating-streamlit-themes
streamlit
Erstellen und Anpassen von Streamlit-Themes. Verwenden Sie dies, wenn Sie App-Farben, Schriftarten oder das Erscheinungsbild ändern oder Apps an Markenrichtlinien ausrichten möchten. Deckt config.toml…
optimizing-streamlit-performance
streamlit
Optimierung der Streamlit-App-Leistung. Verwenden, wenn Apps langsam sind, zu oft neu laden oder schwere Inhalte laden. Behandelt Caching, Fragmente und statische vs. dynamische…
organizing-streamlit-code
streamlit
Organisieren von Streamlit-Code für die Wartbarkeit. Verwenden beim Strukturieren von Apps mit separaten Modulen und Hilfsprogrammen. Behandelt die Trennung von Zuständigkeiten, das Halten von UI-Code…