Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,501 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
コンテンツをタイルレイアウトで整理・表示するための WPF TileView コントロールを作成、設定します。タイルベースのレイアウトの実装、タイルのマトリックス配置、タイルへのドラッグ＆ドロップ機能の追加、タイル項目の最大化／最小化、タイルヘッダーや外観のカスタマイズ、タイルビューへのデータバインド、またはダッシュボード風のレスポンシブレイアウトの作成が必要な場合に使用します。インタラクティブなタイルインターフェースを備えた WPF アプリケーションの構築に不可欠です。
Android、Desktop、iOS、Web 向けの UI 開発を扱う Compose および Compose Multiplatform のエキスパートです。状態管理、コンポジション、アニメーション、ナビゲーション、パフォーマンス、デザインからコードへのワークフロー、本番環境でのクラッシュパターンをカバーし、androidx/androidx と JetBrains/compose-multiplatform-core のソース分析に基づきます。Compose、@Composable、remember、LaunchedEffect、Scaffold、NavHost、NavDisplay、MaterialTheme、LazyColumn、Modifier、再コンポジション、Compose Multiplatform/CMP、commonMain、expect/actual、ComposeUIViewController、UIKitView、ComposeViewport、Res.drawable/Res.string、または Compose API への言及で起動します。「デザインを Compose にする」「この UI を構築する」「このデザインを実装する」といった依頼や、現代的な Kotlin UI に関する質問でも起動します。「Compose の画面が遅い」といった軽い言及も対象です。重点トピック：FocusRequester、focusProperties、onPreviewKeyEvent、D-pad、テレビリモコン、ChromeOS、androidx.tv.material3。
会社のウェブサイト、文書のブリーフ、製品リスト、名前とコンセプトだけなど、どのような出発点からでも、構造化された批評主導のブランドアイデンティティ制作を行い、ロゴマーク、アウトラインのワードマーク、ロックアップ、円形表示に適したアイコン、テーマに応じて変化する favicon、PNG ラスター画像、生成されたガイドラインページ、README、任意の AI グッズのモックアップ（シャツ、帽子、名刺）を含む、パッケージ化されたブランドキットとデザインシステムを完成させる。ユーザーがロゴ、ブランド、ビジュアルアイデンティティ、リブランド、ロゴマーク、ブランドアセット、favicon／アイコンセットを求める場合、「会社のロゴをデザインして」「ブランディングが必要」「ブランドキットを作って」などと依頼する場合、または会社サイトを共有してアイデンティティ制作を求める場合に使用。単に「ロゴを」と頼まれた場合も使用する。バリエーション、小サイズでのテスト、ガイドラインなしではロゴは完成していない
OpenSCAD（SCAD）コードを繰り返し生成し、PNG プレビューをレンダリングして結果を視覚的に評価し、モデルが要件に合うまで短いサイクルで改善します。ユーザーが 3D モデルの作成、部品の設計、ブラケット／筐体／マウントの制作、OpenSCAD でのレンダリング、STL のエクスポート、またはパラメトリック CSG ジオメトリで表現できる依頼をした場合に使用します。OpenSCAD MCP サーバーツール（render_scad_png、export_scad_stl）が必要です。
Storybook MCP サーバー自体（@storybook/addon-mcp）のリファレンスです。3 つのツールセット（dev、docs、testing）にわたる 6 つのツール、利用可能性の検出、エージェントごとのツールセットのフィルタリングを扱います。サーバーのセットアップや、既存コンポーネントに対するこれらのツールの直接呼び出しに使用します。モックアップを新しいコンポーネントに変換するエンドツーエンドのパイプラインで、これらのツールを工程の一つとして利用する場合は、design-to-code を使用してください。
円形および放射状の進捗インジケーター向けに Syncfusion WPF SfCircularProgressBar を実装します。円形の進捗表示、確定／不確定の進捗アニメーション、バッファー／二次進捗、セグメント分割された進捗リング、または中心コンテンツをカスタマイズした弧状の進捗を作成する場合に使用します。Syncfusion.SfProgressBar.WPF を使用した RangeColors、StartAngle、EndAngle、SegmentCount、ProgressContent を扱います。
階層メニュー、コンテキストメニュー、アプリケーションメニューバー向けに Syncfusion WPF MenuAdv を実装します。WPF で入れ子メニュー、アイコンやキーボードショートカット付きメニュー、チェックボックス／ラジオボタンのメニュー項目、またはコマンドにバインドされたメニューを構築する場合に使用します。HierarchicalDataTemplate を使った ItemsSource データバインディング、MenuItemSeparator、方向、展開モード、アニメーション、テーマ設定を扱います。
ユーザーの目標を起点に、ピクセルではなく確かなセンスで React 19 + Next.js 16 + Tailwind CSS の UI をデザインします。ページ、画面、フォーム、ダッシュボードなど、ユーザー向け Web UI の構築を依頼された場合に使用します。「設定ページを作って」「ダッシュボードを作成して」「きちんとデザインして」「高級感を出したい」「Linear/Stripe/Vercel のようにして」などの依頼や、Next.js App Router / React / Tailwind の UI タスクで起動します。UI のデザイン品質をレビューする場合や、出力が「ワイヤーフレームのよう」「Bootstrap っぽい」「AI 生成のよう」と言われた場合にも起動します。ユーザー向け Web ビューを構築するときは、積極的にこのスキルを起動してください。
構造とprops／slotsの設計分解を使ってDrupal CanvasのナビゲーションUI（メインナビ、フッターリンク、サイドバーナビ、モバイルドロワー、パンくずリスト）を計画・構築し、その後canvas-data-fetchingのJSON:APIメニューまたはページコンテキストのパターンを利用します。ナビゲーション、ヘッダー／フッターリンク、メニュー、menu_items、モバイルナビ、パンくずリストを求められた場合に使用。レイアウトとAPIの草案作成後にcanvas-design-decompositionを実行し、SWR、useJsonApiClient、sortMenu、メニューのフォールバックにはcanvas-data-fetchingの手順を適用。
Infrahub Web UI サイドバーのカスタムナビゲーションメニューを作成、変更、デバッグし、ノードタイプを論理的なグループに整理します。次の場合に使用：サイドバーメニューの設計、UI でのノードタイプのグループ化、Infrahub Web インターフェースのナビゲーションのカスタマイズ、既存メニューの変更や拡張、メニューファイル内の順序、ネスト、アイコンの変更、メニュー項目が表示されない、または誤ったグループに表示される原因のデバッグ。次の場合は使用しない：スキーマの設計や変更（スキーマノードの menu_placement、icon、order_weight の設定を含む。infrahub-managing-schemas を使用）、チェックや変換の作成、データオブジェクトの入力。
Windows Presentation Foundation アプリケーションで Syncfusion WPF Busy Indicator（SfBusyIndicator）コントロールを実装するための包括的なガイドです。WPF でローディングインジケーター、進捗アニメーション、または非同期処理や長時間実行される処理中の視覚的なフィードバックを扱う際に使用します。IsBusy バインディング、AnimationType の設定、ヘッダーのカスタマイズ、MVVM の統合、ViewboxHeight/ViewboxWidth によるサイズ設定を解説します。
MDI および TDI インターフェースを作成する Syncfusion WPF DocumentContainer (Tabbed MDI Form) コントロールを実装します。DocumentContainer、Multiple Document Interface (MDI)、Tabbed Document Interface (TDI)、Visual Studio 風のドキュメント管理を扱う場合に使用します。WPF アプリのドキュメントウィンドウ、タブグループ、ウィンドウ切り替え、ドキュメントレイアウト状態の永続化、ドッキング可能なドキュメントウィンドウを扱います。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。