Nico Bellante
aa06107048
Adds (additive) to the displaying-streamlit-data sub-skill: a top-of-file rule that use_container_width is deprecated (width="stretch" is default); a Dataframe selection & state section (on_select+key, not data_editor); a Styler-vs-column_config formatting note; and a stronger hidden!=withheld PII note. Canonical column_config example untouched. Validated via an AST discrimination battery (4 rules x 12 fixtures, all discriminate).
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 |
| building-streamlit-custom-components-v2 | Streamlit Custom Components v2 (inline and template-based packaged), bidirectional state/trigger callbacks, bundling, theme CSS variables |
| choosing-streamlit-selection-widgets | Choosing the right selection widget |
| connecting-streamlit-to-snowflake | Connecting to Snowflake with st.connection |
| creating-streamlit-themes | Theme configuration, colors, fonts, light/dark modes, professional brand alignment, CSS avoidance |
| 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 |
Templates
The skill includes ready-to-use templates in developing-with-streamlit/templates/:
templates/apps/— 9 dashboard app templates (6 local + 3 Snowflake variants) with synthetic data, caching patterns, and layout best practicestemplates/themes/— 8 theme templates (snowflake, dracula, nord, stripe, solarized-light, spotify, github, minimal) using Google Fonts
See each template directory's README for setup instructions.
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.
Snowflake Cortex Code
Install the skill directly from GitHub:
cortex skill add streamlit/agent-skills
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.