developing-with-streamlit

作成者: streamlit

すべてのStreamlit開発タスク(アプリ作成、編集、デバッグ、スタイリング、最適化、デプロイ)のルーティングスキル。タスクタイプに基づいて専門サブスキル(パフォーマンス最適化、ダッシュボード構築、デザイン改善、ウィジェット選択、テーマ設定、レイアウト、データ表示、マルチページアプリ、セッション状態、チャットUI、カスタムコンポーネント、Snowflake統合)にルーティング。Streamlitソースファイルの特定、エントリーポイント(streamlit_app.py、app.py)の識別、および...のワークフローを含む。

npx skills add https://github.com/streamlit/agent-skills --skill developing-with-streamlit

Developing with Streamlit

Streamlit (>=1.57) ships detailed reference documentation for building Streamlit apps inside its pip package. The bundled skill is a routing SKILL.md plus a references/ folder of topic-specific reference docs (dashboards, themes, layouts, session state, custom components, etc.).

Usage

Run the discovery script with the user's project directory:

python <SKILL_DIR>/scripts/discover.py --project-dir <USER_PROJECT_DIR>

The script prints either:

  • A path on stdout (exit 0) — the bundled SKILL.md. Read it; it points into references/.
  • An ERROR: block on stderr (non-zero exit). Follow the printed instructions and re-run.

<SKILL_DIR> is the directory containing this file; <USER_PROJECT_DIR> is the absolute path to the user's project. Passing --project-dir matters because the script resolves .venv, ../.venv, Pipfile, poetry.lock, pdm.lock, and uv.lock relative to it.

streamlitのその他のスキル

template-skill
streamlit
スキルの説明と、その使用タイミングをここに記述します。
official
building-streamlit-chat-ui
streamlit
Streamlitでチャットインターフェースを構築します。会話型UI、チャットボット、AIアシスタントを作成する際に使用します。st.chat_message、st.chat_input、メッセージ…をカバーします。
official
building-streamlit-custom-components-v2
streamlit
Builds bidirectional Streamlit Custom Components v2 (CCv2) using `st.components.v2.component`. Use when authoring inline HTML/CSS/JS components or packaged…
official
building-streamlit-dashboards
streamlit
Streamlitでダッシュボードを構築します。KPI表示、メトリックカード、データ量の多いレイアウトを作成する際に使用します。境界線、カード、レスポンシブレイアウト、ダッシュボード…をカバーします。
official
building-streamlit-multipage-apps
streamlit
複数ページのStreamlitアプリを構築します。複数ページを持つアプリの作成、ナビゲーションの設定、またはページ間での状態管理を行う際に使用します。
official
choosing-streamlit-selection-widgets
streamlit
適切なStreamlit選択ウィジェットの選び方。ラジオボタン、セレクトボックス、セグメントコントロール、ピル、その他のオプション選択ウィジェットのいずれを使用するかを判断する際に使用します。…
official
connecting-streamlit-to-snowflake
streamlit
StreamlitアプリをSnowflakeに接続します。データベース接続の設定、シークレットの管理、またはStreamlitアプリからSnowflakeへのクエリ実行時に使用します。
official
creating-streamlit-themes
streamlit
Streamlitテーマの作成とカスタマイズ。アプリの色、フォント、外観を変更する場合や、アプリをブランドガイドラインに合わせる場合に使用します。config.tomlの設定を含みます…
official