developing-with-streamlit
streamlit/agent-skills
How to install developing-with-streamlit
npx skills add https://github.com/streamlit/agent-skills --skill developing-with-streamlitFull instructions (SKILL.md)
Source of truth, from streamlit/agent-skills.
name: developing-with-streamlit description: "Use for ALL Streamlit tasks: creating, editing, debugging, beautifying, styling, theming, optimizing, or deploying Streamlit apps. Also custom components, st.components.v2, HTML/JS/CSS work. Discovers and loads version-matched reference docs from the user's installed Streamlit (>=1.57). Triggers: streamlit, st., dashboard, app.py, beautify, style, CSS, color, background, theme, button, widget styling, custom component, st.components, CCv2, session state, performance, cache, fragment, slow rerun, deploy." allowed-tools: Bash(python ${CLAUDE_SKILL_DIR}/scripts/discover.py:) Bash(python3 ${CLAUDE_SKILL_DIR}/scripts/discover.py:)
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 intoreferences/. - 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.
Related skills
More from streamlit/agent-skills and the wider catalog.
find-skills
Discover and install agent skills to extend your coding agent's capabilities on demand
frontend-design
Build visually distinctive UI with opinionated aesthetic direction, typography, and layout choices that avoid templated defaults.
vercel-react-best-practices
70 React/Next.js performance rules from Vercel Engineering, prioritized by impact for writing, reviewing, and refactoring code.
agent-browser
Fast browser automation CLI for AI agents — navigate, click, scrape, screenshot, and test via Chrome CDP
web-design-guidelines
Review UI code against Web Interface Guidelines for accessibility, UX, and design best practices
finetuning
Fine-tune models on Azure AI Foundry with SFT, DPO, or RFT training methods.