Developing With Streamlit

streamlit/streamlit-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.

This is a copy. The original lives at streamlit/developing-with-streamlit.

3k tokens

context cost

the whole folder, loaded on every use

files

ships runnable scripts

copies elsewhere

how many repositories repackaged it

45465

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

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

What comes with it

11 227 bytes besides the instruction

scripts/discover.py

What it tells the agent to use

found in the instruction text

Bash runs shell commands — read the instruction before connecting

The instruction itself

2 sections, as written by the author

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.

How to use it

Copy the folder

Take streamlit/streamlit-developing-with-streamlit from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.