🎯

developing-with-streamlit

🎯Skill

from streamlit/agent-skills

VibeIndex|
What it does

Routes AI coding assistants to specialized Streamlit development sub-skills for building, optimizing, and enhancing Streamlit web applications.

developing-with-streamlit

Installation

Install skill:
npx skills add https://github.com/streamlit/agent-skills --skill developing-with-streamlit
2
AddedJan 27, 2026

Skill Details

SKILL.md

Overview

# Agent Skills for Streamlit Development

A collection of [Agent Skills](https://agentskills.io) 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](developing-with-streamlit/SKILL.md), which routes to specialized sub-skills:

| Skill | Description |

|-------|-------------|

| [building-streamlit-chat-ui](developing-with-streamlit/skills/building-streamlit-chat-ui/) | Chat interfaces, chatbots, AI assistants |

| [building-streamlit-dashboards](developing-with-streamlit/skills/building-streamlit-dashboards/) | KPI cards, metrics, dashboard layouts |

| [building-streamlit-multipage-apps](developing-with-streamlit/skills/building-streamlit-multipage-apps/) | Multi-page app structure and navigation |

| [choosing-streamlit-selection-widgets](developing-with-streamlit/skills/choosing-streamlit-selection-widgets/) | Choosing the right selection widget |

| [connecting-streamlit-to-snowflake](developing-with-streamlit/skills/connecting-streamlit-to-snowflake/) | Connecting to Snowflake with st.connection |

| [customizing-streamlit-theme](developing-with-streamlit/skills/customizing-streamlit-theme/) | Custom colors via config.toml |

| [displaying-streamlit-data](developing-with-streamlit/skills/displaying-streamlit-data/) | Dataframes, column config, charts |

| [improving-streamlit-design](developing-with-streamlit/skills/improving-streamlit-design/) | Icons, badges, spacing, text styling |

| [optimizing-streamlit-performance](developing-with-streamlit/skills/optimizing-streamlit-performance/) | Caching, fragments, forms, static vs dynamic widgets |

| [organizing-streamlit-code](developing-with-streamlit/skills/organizing-streamlit-code/) | Separating UI from business logic, modules |

| [setting-up-streamlit-environment](developing-with-streamlit/skills/setting-up-streamlit-environment/) | Python environment setup |

| [using-streamlit-cli](developing-with-streamlit/skills/using-streamlit-cli/) | CLI commands, running apps |

| [using-streamlit-custom-components](developing-with-streamlit/skills/using-streamlit-custom-components/) | Third-party components from the community |

| [using-streamlit-layouts](developing-with-streamlit/skills/using-streamlit-layouts/) | Sidebar, columns, containers, dialogs |

| [using-streamlit-markdown](developing-with-streamlit/skills/using-streamlit-markdown/) | Colored text, badges, icons, LaTeX, markdown features |

| [using-streamlit-session-state](developing-with-streamlit/skills/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:

```bash

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](https://cursor.com/docs/context/skills):

```bash

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](https://developers.openai.com/codex/skills/) |

| Gemini CLI | .gemini/skills/ | [Gemini CLI Skills Docs](https://geminicli.com/docs/cli/skills/) |

| GitHub Copilot | .github/skills/ | [Copilot Agent Skills Docs](https://docs.github.com/en/copilot/concepts/agents/about-agent-skills) |

Contributing

See [CONTRIBUTING.md](CONTRIBUTING.md) for