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,
Security Assessment
About developing-with-streamlit
The developing-with-streamlit skill provides comprehensive support for all Streamlit development tasks, from initial app creation to deployment. It automatically discovers and loads version-matched reference documentation directly from the user's installed Streamlit package (version 1.57 or higher), ensuring that the guidance provided is always compatible with the exact version being used. This eliminates version mismatch issues and provides accurate, contextual assistance for every Streamlit feature.
The skill covers the full spectrum of Streamlit development including app creation and editing, debugging, UI beautification, custom styling and theming, performance optimization, and deployment workflows. It provides expert guidance on custom components (both legacy and CCv2/st.components.v2), HTML/CSS/JavaScript integration, session state management, caching strategies, fragments, and resolving slow rerun issues. The skill intelligently routes to topic-specific reference documentation for dashboards, themes, layouts, widgets, and component development.
This skill is designed for developers building interactive data applications, dashboards, and machine learning demos with Streamlit. Whether you're styling buttons and widgets, implementing complex session state logic, building custom components, or optimizing app performance, this skill provides targeted, version-accurate assistance. It's particularly valuable for teams working across different Streamlit versions or projects requiring consistent styling and theming.
FAQ
What versions of Streamlit does this skill support?
This skill supports Streamlit version 1.57 and higher. It automatically detects your installed Streamlit version and loads matching reference documentation to ensure compatibility.
How does the skill find my project's Streamlit installation?
The discovery script searches for virtual environments (.venv, ../.venv) and dependency files (Pipfile, poetry.lock, pdm.lock, uv.lock) relative to your project directory to locate the correct Streamlit installation.
Can this skill help with custom component development?
Yes, the skill provides comprehensive support for both legacy custom components and the newer CCv2 (st.components.v2) API, including HTML, JavaScript, and CSS integration.
What should I do if the discovery script fails?
If the script exits with an error, it will print specific instructions on stderr. Follow those instructions (typically related to installing Streamlit or fixing the virtual environment) and re-run the discovery script.
Does this skill help with Streamlit app deployment?
Yes, the skill includes guidance on deploying Streamlit apps and follows deployment best practices for various platforms.
Install developing-with-streamlit
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
streamlit/agent-skills