Communitygithub.com

streamlit/developing-with-streamlit(Streamlit 開発支援)

Streamlit アプリの作成、編集、デバッグ、美化、スタイリング、テーマ設定、最適化、デプロイなど、すべての Streamlit タスクに使用します。カスタムコンポーネント、st.components.v2、HTML/JS/CSS の作業にも対応。ユーザーのインストール済み Streamlit(>=1.57)からバージョンが一致したリファレンスドキュメントを自動検出して読み込みます。

developing-with-streamlit(Streamlit 開発支援) とは?

このスキルは、Streamlit アプリケーションの開発に関わるあらゆるタスクを支援するために設計されています。アプリの新規作成、コード編集、デバッグ、UI の美化(スタイリング、テーマ設定、CSS によるカスタマイズ)、パフォーマンス最適化(キャッシュ、フラグメント)、デプロイに加え、カスタムコンポーネント(st.components.v2)や HTML/JS/CSS の統合まで幅広くカバーします。最大の特徴は、ユーザーの環境にインストールされている Streamlit のバージョン(1.57 以降)を自動的に検出し、それに完全に一致した公式リファレンスドキュメントを読み込む点です。これにより、バージョン間の非互換性を気にすることなく、常に正しい API リファレンスや使用例に基づいたコード生成・アドバイスが可能になります。対応プラットフォームは、Claude Code、Cursor、Codex など、一般的な AI エージェント環境です。トリガーワード(streamlit、st.、dashboard、app.py、beautify、style、CSS、color、background、theme、button、widget styling、custom component、st.components、CCv2、session state、performance、cache、fragment、slow rerun、deploy)を認識して能動的に支援を開始し、複雑な Streamlit プロジェクトを効率的に開発・改良するための強力なパートナーとなります。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/streamlit/agent-skills/tree/main/skills/developing-with-streamlit

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

developing-with-streamlit(Streamlit 開発支援) は何をしますか?

すべての Streamlit タスクに使用します。Streamlit アプリの作成、編集、デバッグ、美化、スタイリング、テーマ設定、最適化、デプロイ。さらに、カスタムコンポーネント、st.components.v2、HTML/JS/CSS の作業もカバーします。ユーザーのインストール済み Streamlit(>=1.57)からバージョンが一致したリファレンスドキュメントを自動検出して読み込みます。

トリガーワード: streamlit, st., dashboard, app.py, beautify, style, CSS, color, background, theme, button, widget styling, custom component, st.components, CCv2, session state, performance, cache, fragment, slow rerun, deploy.

関連スキル