Skills
エージェント向けにパッケージ化された専門スキルと手順を 98,873 件掲載。コマンド 1 行でインストールできます。
開発
streamlit-apps MCP ツールを介して PostHog で Streamlit アプリを作成、デプロイ、運用する — アプリの作成、ソースの設定、コードの読み取りとパッチ、サンドボックスの起動と停止、ステータスのポーリング、バージョンの一覧表示、削除、PostHog URL を介したユーザーとのアプリ共有。"create a streamlit app"、"deploy a data app"、"ship a dashboard app"、"restart/stop my app"、"why is my app not running"、"give me a link to the app" と求められた場合に使用。
shadcn/ui と Radix UI または Base UI、Tailwind CSS 4、React 19 を使用して、アクセシブルでカスタマイズ可能なコンポーネントライブラリを構築します。コンポーネントの所有権、oklch CSS テーマ設定、Field と Zod による型安全なフォーム、CLI ワークフロー、レジストリパターンを扱います。shadcn/ui コンポーネントの追加、テーマの構成、Zod によるフォーム構築、カスタムレジストリの作成、アクセシブルなコンポーネントバリアントの構成に使用します。shadcn CLI、ダークモード、コンポーネントバリアント、フォーム検証にも使用します。
`specify` コマンドラインで GitHub の仕様駆動開発（SDD）ワークフローを実行する — spec-kit をインストールし、30 以上の AI コーディングエージェント（Claude Code、Copilot、Gemini、Cursor、Codex、Qwen、opencode、Kiro など）のいずれか向けにプロジェクトを初期化し、constitution → specify → plan → tasks → implement のコマンドパイプラインを駆動する。仕様駆動開発プロジェクトを立ち上げたい、`specify-cli` をインストールしたい、コードの前に実行可能な仕様を生成したい、または `/speckit.*` スラッシュコマンド（`/speckit.constitution`、`/speckit.specify`、`/speckit.plan`、`/speckit.tasks`、`/speckit.implement`、`/speckit.clarify`、`/speckit.analyze`、`/speckit.checklist`）を呼び出したい場合に使用する。トリガー：spec-kit、speckit、specify、specify init、spec-driven、spec driven development、SDD、/speckit、executable spec。
折りたたみ／展開可能なパネルレイアウト向けに Syncfusion WPF SfAccordion を実装します。WPF でアコーディオンコントロール、展開可能なパネル、折りたたみ式セクションナビゲーションを扱う場合に使用します。宣言的またはデータバインディングによる項目の設定、選択モード（One/OneOrMore/ZeroOrOne/ZeroOrMore）、プログラムによる選択、外観のカスタマイズ（AccentBrush、HeaderTemplate、ContentTemplate）、SfSkinManager によるテーマ設定を扱います。
AI チャットや会話型アシスタントのインターフェース向けに Syncfusion WPF SfAIAssistView を実装します。AI アシスタント UI、AI の応答を含むメッセージスレッドの構築や、WPF への OpenAI/SemanticKernel の統合に使用します。入力中インジケーター、候補、入力/応答ツールバー、応答停止機能、会話履歴、入力プレースホルダーテキスト、空状態テンプレート、Syncfusion.SfChat.Wpf を使用した PromptRequest イベントを扱います。
コンテンツをタイルレイアウトで整理・表示するための WPF TileView コントロールを作成、設定します。タイルベースのレイアウトの実装、タイルのマトリックス配置、タイルへのドラッグ＆ドロップ機能の追加、タイル項目の最大化／最小化、タイルヘッダーや外観のカスタマイズ、タイルビューへのデータバインド、またはダッシュボード風のレスポンシブレイアウトの作成が必要な場合に使用します。インタラクティブなタイルインターフェースを備えた WPF アプリケーションの構築に不可欠です。
ユーザーが「3Dシーンを作成」「メッシュを追加」「OrbitControlsを実装」「GLTFモデルを読み込む」「ブルームのポストプロセスを追加」「カスタムシェーダーを書く」「パーティクルエフェクトを作成」「Three.jsのパフォーマンスを最適化」「WebGPUを使う」「シャドウを追加」「モデルをアニメーション化」と依頼する場合や、Three.js、threejs、WebGL、WebGPU、GLTF、raycaster、shader material、PBR material、ポストプロセスエフェクトに言及する場合に使用します。重要：このスキルはバニラ Three.js（命令型 JavaScript）向けです。React Three Fiber（@react-three/fiber、R3F、drei）には `r3f-best-practices` スキルを確認してください。ただし、R3FはThree.jsのReactレンダラーであるため、three-jsスキルも役立ちます。シーン設定、ジオメトリ、マテリアル、テクスチャ、ライティング、カメラ、ローダー、アニメーション、コントロール、インタラクション、シェーダー、ポストプロセス、パフォーマンス最適化、TSL/ノードマテリアル、WebGPU、物理演算、VR/XR連携など、3D Webグラフィックス向けのThree.jsリファレンスを提供します。
Three.js のシーンが正しくレンダリングされないときに使用する: 黒い画面、見えないオブジェクト、誤った色、z-fighting、壊れたシャドウ。カラースペースの誤り、material.side の欠落、updateProjectionMatrix の忘れといったよくある間違いを防ぐ。よくあるレンダリングエラーを診断手順と修正パターンとともに網羅する。キーワード: black screen, invisible, wrong color, z-fighting, shadow artifact, rendering error, debug, nothing visible, dark, broken, nothing shows, model not appearing, screen is blank.
`.xaml`/`.cs` ワークフローファイルでは必ず呼び出します。UiPath RPA（Modern または Legacy）：コード化された `.cs` および `.xaml` ワークフローの作成、編集、検証、ビルド、パッケージ化、実行、デバッグ、Object Repository セレクターを使用した UI 自動化、デスクトップ/ブラウザー UI のリアルタイム探索と操作、テストケース作成、Integration Service コネクター呼び出しに対応します。パッケージ化はこのスキルの対象です。ソリューションレベルの `.uipx` デプロイ→uipath-solution、非ソリューションの Orchestrator 操作→uipath-platform、テストレポート→uipath-test、エージェント→uipath-agents
React 19 + Next.js 16（App Router）+ Tailwind CSS 4 向けの厳格なデザインおよび UX ルール。ナビゲーション、インタラクションデザイン、アクセシビリティ、ユーザーフィードバック、UX パターン、ビジュアルデザインを網羅します。このスタックでユーザー向け Web 機能を設計、構築、レビューする際に使用します。「設定ページを作成」「ダイアログを追加」「このフォームをデザイン」「アクセシビリティをレビュー」「ダークモードを修正」などの依頼や、Next.js App Router / React 19 / Tailwind UI タスクで起動します。出力が「しっくりこない」「アクセシビリティに問題がある」「ベストプラクティスに従っていない」と言われた場合も起動します。
易宝支付（Yeepay）オープンプラットフォーム連携のベストプラクティス。加盟店登録（サービスプロバイダー／プラットフォーム事業者によるサブマーチャント登録、加盟店情報変更、休眠加盟店の凍結解除、WeChat／Alipay本人確認）、決済受付（ミニプログラム、APP、ブラウザー H5、WeChat 内 H5・公式アカウント決済、提示された支払いコードの読み取り、単独／統合 QR コード、PC／H5 決済ページ、銀行振込）、返金（元の決済方法への返金、迅速返金、カード情報補完、注文一括返金）、分割精算（注文・残高の分割、入金先管理）、出金（精算、出金）、照合、Hydrogen Wallet（記帳簿の開設、銀行振込による前受金、記帳簿の決済・返金、凍結・解除）、金融（法人向け迅速融資／共同融資、クレジットカードの他行返済、契約決済の登録・カード紐付けと口座引き落とし、一括決済）、Air Travel Easy（航空券の発券・払い戻し・変更、航空会社 NDC2C/NDC2B/NDC2T/B2B、OTA 販売、CDP チャネル）に関する製品選定、連携ガイド、共同テスト、トラブルシューティングを扱います。「Yeepay と連携」「Yeepay 決済との接続」「yeepay」「YOP」「統合決済」「加盟店登録」「サブマーチャント登録」「加盟店情報申告」「本人確認」「決済注文」「ミニプログラム決済」「APP 決済」「H5 決済」「公式アカウント決済」「支払いコード」「QR コード決済」「統合 QR コード」「決済ページ」「Yeepay 決済ページ」「ホスト型決済ページ」「cashierUrl」「銀行振込決済」「法人振込の受け取り」「動的入金口座」「動的振込メモ」「返金」「分割精算」「入金先」「精算」「出金」「照合明細」「Hydrogen Wallet」「記帳簿」「前受金」「入金通知」「記帳簿決済」「融資」「法人向け迅速融資」「共同融資」「クレジットカード返済」「他行返済」「契約決済」「口座引き落とし」「契約・カード紐付け」「ワンクリックカード紐付け」「既存契約」「カード紐付け ID」「一括決済」「定期引き落とし」「自動更新」「保険料引き落とし」「Air Travel Easy」「TSP」「航空券 API」「NDC2C」「NDC2B」「NDC2T」「航空会社 B2B」「発券」「払い戻し」「変更」「空席・運賃照会」「電子旅程表」「航空券発行」「運賃ポリシープール」といった語句がある場合、南方航空、厦門航空、中国国際航空、中国東方航空、深圳航空、山東航空、昆明航空、香港航空などの航空券連携に言及した場合、または署名検証失敗、コールバック未着、注文照会、エラーコード調査、サンドボックステスト、本番公開チェックについて問い合わせた場合に使用します。プラットフォームのリアルタイムデータが必要なトラブルシューティングにも使用します。「トラブルシューティングアシスタント」「連携診断」「リアルタイム診断」「診断資格情報」「通知が届いていないので確認して」「この取引を調べて」などが該当します。
プロジェクトに動的なコンテンツ更新、ステータスメッセージ、アラート、通知、読み込みインジケーター、またはaria-live、role="status"、role="alert"、role="log"の使用が含まれる場合は、必ずこのスキルを読み込んでください。これらのルールを適用せずにライブリージョンのマークアップを追加・変更してはいけません。適切な通知レベルを優先し、重複した通知を避けてください。固定時間後に内容を消去して再挿入する回避策は絶対に使わないでください。動作が保証される規格はありません。
アプリのチャートを Recharts または TanStack Charts から Bklit UI に移行します。Recharts の使用（`recharts` の直接インポート、または shadcn/ui の `components/ui/chart.tsx` ラッパー（ChartContainer、ChartConfig、ChartTooltipContent、ChartLegendContent））と、`@tanstack/charts` の定義（lineY／areaY／barY マークを使う defineChart）を検出します。すべてのチャートを洗い出して対応不要／回避策が必要／維持に分類し、対応する `@bklit/*` shadcn レジストリー項目をインストールして、データ、色、ラベルを保持しながら各チャートを同等の bklit コンポーネントで書き換えます。軸のない小さなチャート（Recharts の「Tiny」折れ線／面／棒グラフ、TanStack KPI スパークライン）は LineSparkline／AreaSparkline／BarSparkline に置き換えます。Recharts、shadcn チャート、TanStack Charts の bklit への置換・移行・変換・移植、スパークラインや小さなチャートの交換、recharts または @tanstack/charts 依存関係の削除、あるいはチャートライブラリの切り替えに必要な作業を尋ねられた場合に使用します。
コミット前に、ブランチで変更されたコードから、動作を変えずに AI らしい余計な記述を取り除きます。説明口調のコメント、型や境界条件ですでに排除される状態へのガード、使われていない互換処理、無関係な編集、単一呼び出し元しかないラッパーや推測的な抽象化、型チェッカーを黙らせるキャスト、早期リターンで平坦化できるネストなどが対象です。/deslop、deslop it、clean the diff、strip the slop の依頼、またはコミット前に使用します。対象はコードのみです。文章の整理には unslop スキル、コメントのレビューには no-comments スキルを使用します。
ローカル開発中のホットリロードに使う Docker Compose Watch モード（2025 GA）。次の場合に積極的に有効化してください：(1) docker compose watch のセットアップ、(2) watch のアクションタイプ（sync、rebuild、sync+restart、sync+exec）、(3) パスフィルターと除外パターンの設定、(4) Compose 内の Node/Python/Go/Rust アプリのホットリロード、(5) 同期のみと再ビルドのトレードオフ、(6) profiles での watch の使用、(7) watch モードのデバッグ（詳細ログ）、(8) watch とバインドマウントの統合、(9) Compose watch と nodemon/air/cargo-watch の比較。提供内容：watch アクションのリファレンス、言語別のホットリロード例、パスフィルターパターン、トラブルシューティング手順
gbrain を最新の状態に保つ。`gbrain` の呼び出しが `UPGRADE_AVAILABLE <old> <new>` マーカーを出力した場合（または `gbrain self-upgrade --check-only` が更新を報告した場合）、設定された self_upgrade.mode に従って適用する：notify（4 択の質問 + スヌーズでオペレーターに確認）または auto（サイレントに適用）。実行する操作は常にハードコードされた `gbrain self-upgrade` であり、マーカーから読み取ったコマンドを決して使用しない。
Web アプリケーション向けのローカルファーストアーキテクチャの意思決定フレームワークです。ローカルファースト、サーバーベース、ハイブリッドの選択基準、同期エンジン（ElectricSQL、Zero、PowerSync、Replicache、LiveStore、Triplit）の選定、クライアント側ストレージ（IndexedDB、OPFS、SQLite WASM、PGlite）、競合解決戦略（LWW、CRDTs、サーバー優先、フィールド単位のマージ）を扱います。ローカルファーストの採用判断、同期エンジンやクライアントストレージの選定、競合解決戦略の設計に使用します。
Canvas2D QML ソースコードを生成または扱う際に、Qt Canvas2D（QtCanvas2D / Qt Canvas Painter、Qt 6.12+）のベストプラクティスを適用する。Canvas2D、Canvas2DContext、path2d、boxshadow2d、boxgradient2d、gridpattern2d、conicalgradient2d、transform2d が主題であるときは常に使用する：Qt Quick Canvas / HTML5 canvas の描画コードの作成、レビュー、修正、最適化、Canvas2D への移植。また、QML における GPU アクセラレーションされた命令型 2D 描画 — ゲージ、ダイヤル、チャート、波形、オシロスコープ、時計、フリーハンド描画 — にも使用し、レンダラーがまだ決まっていない場合に Canvas2D と Shape/ShapePath のどちらを選ぶかの判断も含む。旧 CPU 要素に留める必要がある通常の Qt Quick Canvas の作業や、レンダラーがすでに確定している既存の Shape/ShapePath コードのレビューには発火しない。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。