streamlit/agent-skills

A collection of agent skills for development of Streamlit apps.

8 stars2 forksUpdated Jan 20, 2026
npx skills add streamlit/agent-skills

README

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:

SkillDescription
building-streamlit-chat-uiChat interfaces, chatbots, AI assistants
building-streamlit-dashboardsKPI cards, metrics, dashboard layouts
building-streamlit-multipage-appsMulti-page app structure and navigation
choosing-streamlit-selection-widgetsChoosing the right selection widget
connecting-streamlit-to-snowflakeConnecting to Snowflake with st.connection
customizing-streamlit-themeCustom colors via config.toml
displaying-streamlit-dataDataframes, column config, charts
improving-streamlit-designIcons, badges, spacing, text styling
optimizing-streamlit-performanceCaching, fragments, forms, static vs dynamic widgets
organizing-streamlit-codeSeparating UI from business logic, modules
setting-up-streamlit-environmentPython environment setup
using-streamlit-cliCLI commands, running apps
using-streamlit-custom-componentsThird-party components from the community
using-streamlit-layoutsSidebar, columns, containers, dialogs
using-streamlit-markdownColored text, badges, icons, LaTeX, markdown features
using-streamlit-session-stateSession 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

AgentSkills FolderDocumentation
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

License

This project is licensed under the Apache 2.0 License - see individual skills for their specific licenses.

Publisher

streamlitstreamlit

Statistics

Stars8
Forks2
Open Issues4
LicenseApache License 2.0
CreatedJan 14, 2026