Streamlit agent skill

developing-with-streamlit

The official Streamlit skill bundled with the library: building, styling, debugging and speeding up apps, installed with streamlit skills

  • 46,173 ★ on the repository
  • Last commit
  • Apache-2.0
Skill

Minimal access

Why this level

  • The skill consists of instructions and references
All reasons and checks

streamlit/streamlit

Install

In your terminal, with SkillFoxx CLI

npx skillfoxx add skills/developing-with-streamlit

Detects the agents on your machine, shows the access level and pins the version.

Other ways to install

Access and checks

How we review

Minimal accessThe tool runs nothing and makes no network calls.

  • The skill consists of instructions and references

This is third-party code. Review the repository files before installing.

What it does

The developing-with-streamlit skill ships with the streamlit pip package and matches the installed version. It is a router: depending on the task it points the agent to references on building apps, session state, caching and fragments, themes and widget styling, chat UIs for assistants and custom components with st.components.v2. It also covers server setup through st.App with ASGI, Starlette and FastAPI and debugging common errors. The streamlit skills command places the skill into agent folders in the project or installs a global version.

Who it is for. For analysts and Python developers building dashboards and internal tools on Streamlit with an agent.

Good fit when

  • You need a dashboard or internal tool on Streamlit
  • The app is slow from extra reruns and needs caching
  • You want to restyle widgets or build a chat interface

Not a fit when

  • The app uses Dash, Gradio or another framework
  • You need a public site with custom layout rather than a data app

Example request

Build a Streamlit sales dashboard from sales.csv with a region filter and cached loading

Limitations

Requires a Streamlit version that includes the streamlit skills command. Project install symlinks to the package, while global install fetches the meta skill from GitHub. The separate streamlit/agent-skills repository is archived.

How to disable. Remove the developing-with-streamlit folder from the project's .claude/skills and .agents/skills or from the global skills directory.

FAQ

How does project install differ from global?

Project install links the skill from the installed Streamlit and updates with it. Global install via --global downloads the meta skill from GitHub for all projects.

Do I need Node.js?

No, streamlit skills works without Node.js.

Discussion

No questions or reviews yet.

Skills

A data visualization skill for agents: turns data into polished interactive HTML charts and full reports with one visual language

SkillMinimal access6.5KRepository stars

SciPilot Figure

scipilot-figure-skill

A scientific visualization advisor skill: it profiles the data and picks a chart for the argument first, then renders it to journal-grade quality

SkillExtended access2.7KRepository stars
Needs a VPN

Databricks Field Engineering's agent kit: an installer for Databricks skills, an MCP server and a visual Builder App

PluginBroad access2KRepository stars

High-Stakes Analytics Lab

High-Stakes Analytics & Decision Lab

An evidence-gated analytics skill for high-stakes decisions: profiles data, picks a method the evidence supports, can answer with a data request

SkillExtended access1KRepository stars

A library of agent skills for medical research: literature search and appraisal, study design, data analysis and academic writing

SkillExtended access2KRepository stars

Posit Skills

posit-skills

Official

Claude skills from Posit for R, Python, Quarto and Shiny: package development, review, pull request work and brand.yml

SkillMinimal access551Repository stars

README in short

Streamlit is a Python framework for quick data apps and dashboards. The agent skill lives in the package under lib/streamlit/.agents, and the streamlit skills command installs it interactively or with --yes and --global. When an app runs locally, Streamlit suggests this command if it detects an agent without the skill. The other skills in .claude/skills serve Streamlit's own maintainers. Apache 2.0 licensed.

README badge

Original SKILL.md

---
name: developing-with-streamlit
description: "**[REQUIRED]** Use for ALL Streamlit tasks: creating, editing, debugging, beautifying, styling, theming, or optimizing Streamlit applications. Also required for building custom components (inline or packaged), using st.components.v2, or any HTML/JS/CSS component work. Triggers: streamlit, st., dashboard, app.py, beautify, style, CSS, color, background, theme, button, widget styling, ..."
---

# Developing with Streamlit

This is a **routing skill** that directs you to specialized references for Streamlit development.

## When to Use

Invoke this skill when the user's request involves:
- Creating a new Streamlit app
- Editing or modifying an existing Streamlit app
- Debugging Streamlit issues (errors, session state bugs, performance problems)
- Beautifying or improving the visual design of a Streamlit app
- Optimizing Streamlit performance (caching, fragments, reruns)
- Building and running Streamlit apps
- Building chat, conversational, or agentic UIs (AI assistants, thinking expanders, chain-of-thought, tool-call timelines)
- Styling widgets (button colors, backgrounds, CSS customization)
- Advanced server configuration with `st.App`, ASGI, Starlette, FastAPI integration, custom routes, middleware, or lifespan hooks
- Any question about Streamlit widgets, layouts, or components

Report a problem

Foxx AIStreamlit agent skill
Foxx AI

I am Foxx AI and I have already vetted this tool. Ask about install, setup or anything else, and I will keep it simple.