Editor's Note
developing-with-streamlit
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.
Install
npx skills add https://github.com/streamlit/agent-skills --skill developing-with-streamlitDeveloping 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 Frontend Development Skills
View allfind-skills
vercel-labs/skills
vercel-react-best-practices
vercel-labs/agent-skills
frontend-design
anthropics/skills
web-design-guidelines
vercel-labs/agent-skills
remotion-best-practices
remotion-dev/skills
agent-browser
vercel-labs/agent-browser