streamlit/agent-skills
A collection of agent skills for development of Streamlit apps.
npx skills add streamlit/agent-skillsREADME
Agent Skills for Streamlit Development
A collection of Agent Skills for building Streamlit applications with AI coding assistants like Claude Code, Cursor, and other AI-powered development tools.
What are Agent Skills?
Agent Skills are specialized instruction sets that enhance AI coding assistants' capabilities for specific tasks. Each skill contains instructions, scripts, and resources that the AI loads dynamically to improve performance on Streamlit development workflows.
Available skills
The main skill is developing-with-streamlit, which routes to specialized sub-skills:
| Skill | Description |
|---|---|
| building-streamlit-chat-ui | Chat interfaces, chatbots, AI assistants |
| building-streamlit-dashboards | KPI cards, metrics, dashboard layouts |
| building-streamlit-multipage-apps | Multi-page app structure and navigation |
| choosing-streamlit-selection-widgets | Choosing the right selection widget |
| connecting-streamlit-to-snowflake | Connecting to Snowflake with st.connection |
| customizing-streamlit-theme | Custom colors via config.toml |
| displaying-streamlit-data | Dataframes, column config, charts |
| improving-streamlit-design | Icons, badges, spacing, text styling |
| optimizing-streamlit-performance | Caching, fragments, forms, static vs dynamic widgets |
| organizing-streamlit-code | Separating UI from business logic, modules |
| setting-up-streamlit-environment | Python environment setup |
| using-streamlit-cli | CLI commands, running apps |
| using-streamlit-custom-components | Third-party components from the community |
| using-streamlit-layouts | Sidebar, columns, containers, dialogs |
| using-streamlit-markdown | Colored text, badges, icons, LaTeX, markdown features |
| using-streamlit-session-state | Session state, widget keys, callbacks, state persistence |
Installation
Claude Code
Copy the parent skill folder to your Claude Code skills directory:
cp -r developing-with-streamlit ~/.claude/skills/
Or reference skills directly in your project by adding them to your .claude/skills/ directory.
Cursor
Copy the parent skill folder to your Cursor skills directory:
cp -r developing-with-streamlit ~/.cursor/skills/
Or add skills directly to your project's .cursor/skills/ directory.
Other AI Assistants
| Agent | Skills Folder | Documentation |
|---|---|---|
| OpenAI Codex | .codex/skills/ | Codex Skills Docs |
| Gemini CLI | .gemini/skills/ | Gemini CLI Skills Docs |
| GitHub Copilot | .github/skills/ | Copilot Agent Skills Docs |
Contributing
See CONTRIBUTING.md for guidelines on creating new skills.
Related Resources
- Agent Skills Specification
- Agent Skills Best Practices
- Anthropic Skills Repository
- Streamlit Documentation
- Streamlit API Reference
License
This project is licensed under the Apache 2.0 License - see individual skills for their specific licenses.