Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Unity 6.3 でゲーム UI を構築・修正するときに使用します。メインメニュー、設定画面（解像度、品質、音量、キー割り当て）、HUD、ヘルスバー、ミニマップ枠、uGUI と UI Toolkit の選択または併用、「スマートフォンで UI の拡大縮小がおかしい」、縦画面から 4K、Canvas Scaler、アンカー、レイアウトグループの崩れ、描画順、UXML/USS、データバインディング、TextMeshPro または UI Toolkit のフォントのグリフ不足、多言語メニュー、ゲームパッド操作、UI のドローコール、キャンバス再構築のスパイク、UI テスト、UI のキャプチャと確認に対応します。
snapcn で Remotion 動画を構築する — snapcn はコピー＆ペーストできるアニメーションコンポーネントとタイムライン駆動の UI プリミティブの shadcn レジストリ。Remotion プロジェクトで動画シーンの構成、テキストアニメーション、トランジション、背景、UI ブロック、ブランド/ソーシャルカード、または完全なコンポジションを追加する際に使用する。トリガーには「snapcn」「動画コンポーネント」「アニメーションを追加」「テキストリビール」「製品デモ動画」「remotion コンポーネント」「ターミナルシミュレーター」「デバイスフレーム」「スマホモックアップ」「焼き込み字幕」「カラオケ字幕」「ロゴアニメーション」「ローンチ動画」「チェンジログ動画」、および UI プリミティブ層の「動画入力」「入力キャレット」が含まれる。ユーザーが snapcn に言及していなくても、Remotion 向けの洗練された動画プリミティブが必要な場合は起動する。
初回利用時にユーザーを圧倒することなく、価値を実感する瞬間へ導く製品オンボーディングウィザードを設計します。ステップ構成、段階的な情報開示、離脱手段、完了インセンティブ、離脱率の測定を扱います。チュートリアル過多（最初にすべてを提示）、スキップしやすいが内容が空（オンボーディングを飛ばすと製品を使わなくなる）、適切なタイミングで段階的に開示（必要なものを必要なときに提示）といったパターンを扱います。オンボーディングウィザード、製品オンボーディング、初回利用体験、登録フロー、アクティベーションフロー、FRX、価値実現までの時間、価値を実感する瞬間の設計に対応します。アクティベーション率が低い、オンボーディングをスキップしたユーザーが戻ってこない、初めてオンボーディングフローを策定する、またはユーザー調査で主要機能が見つけられていないことが分かった場合にも対応します。
ユーザーリサーチの計画と実施を支援します。調査計画、参加者募集、インタビュー設計、定性分析、調査結果の製品判断への反映を扱います。ユーザーがユーザーリサーチの計画、インタビュー設計、参加者募集、探索調査や形成的調査の実施、定性調査結果の統合を希望する場合に使用します。ユーザーリサーチ、UXリサーチ、ユーザーインタビュー、探索調査、生成的調査、形成的調査、定性調査、ユーザーインサイト、調査結果の統合、募集、インタビューガイド、ジョブ理論などに対応します。ユーザーの意見なしに製品判断が行われており、それを改善したい場合にも対応します。
Spartan UI（Angular向けshadcn）のベストプラクティス。Brain/Helmアーキテクチャ、Tailwind統合、アクセシブルなヘッドレスコンポーネントを扱います。@spartan-ng/brainおよび@spartan-ng/uiを使用する際に有効になります。Angular Material、PrimeNG、その他のコンポーネントライブラリには使用しないでください。全範囲をカバーするにはangular-best-practicesと併せてインストールしてください。
一貫性のある本番品質の SaaS UI を生成するための、Casper Studios 社内デザインシステム。このスキルは、社内ツール、クライアントアプリ、ダッシュボード、POC、プロトタイプなど、あらゆるビジュアルインターフェースの UI コード生成に使用する。簡易モックアップや成果物にも適用する。出力が React コンポーネント、ページ、レイアウトの場合は常に適用する。ユーザーが「社内のデザインシステム」「Casper スタイル」「見た目を合わせて」と言う場合や、あらゆる種類のアプリやインターフェースの構築を依頼する場合に使用する。既存 UI を Casper のビジュアル言語に合わせて再スタイルまたはテーマ設定する場合にも適用する。このスキルは一般的なフロントエンドデザインの指針より優先される。
液体ガラスの表面システム（不透明度の段階、ぼかしのスケール、エッジのハイライトを備えた階層的なグラスモーフィズム）、アニメーション SVG 図、信号機風のウィンドウ装飾、ライトブルーと白の液体ガラスパレット（淡い青のグラデーション上に白いガラス面を配置し、セクションごとに青系のテーマを適用）を使い、macOS に着想を得た美しいドキュメントサイトを単一の HTML ファイルで構築します。「液体ガラス」「すりガラス」「半透明 UI」を使ったドキュメント/ショーケースページの依頼でも起動します。ドキュメントサイト、ランディングページ、ショーケース、ポートフォリオ、ガイド、チュートリアルサイト、機能概要、製品ドキュメントの作成を希望する場合に起動します。特に「すっきり」「モダン」「Apple 風」「macOS スタイル」「ガラス」「すりガラス」「アニメーション図」「単一 HTML ファイル」といった要望がある場合に適しています。複数の Markdown ファイルを、セクションを含む一貫したビジュアルの HTML ページにまとめたい場合にも使用します。「6 ファイル」と言う場合や、トピックごとにページを分けたい場合は、単一ページにまとめず、wiki ファイルごとに HTML ファイルを生成してください（概要の index.html と N 個のトピックファイル）。
コンバージョンにつながり、適切に検証され、スパムに強く、後続システムとスムーズに連携するフォームを設計します。問い合わせ、登録、購入手続き、複数ステップ、埋め込みなどのフォームの設計や監査、検証ロジックの計画、スパム対策、フォームツールの選定、コンバージョン改善に使用します。フォーム設計、フォーム検証、フォームコンバージョン、複数ステップフォーム、フォームスパム、CAPTCHA、ハニーポット、フォーム離脱、登録フォーム、問い合わせフォームなどに対応します。フォーム完了率が低い場合やスパムが多すぎる場合にも使用します。
VR プラットフォーム（Meta Quest、PSVR、SteamVR、Pico）向けの専門的な設計ガイドです。XR ツールキット（OpenXR）、快適性設定（ビネット、スナップターン、テレポート）、モーションコントロール、ハンドトラッキング、90+ FPS の要件を扱います。VR ヘッドセットを対象とする場合や、没入型 3D 体験を実装する場合に使用します。キーワード：VR、XR、OpenXR、Meta Quest、乗り物酔い、快適性、移動方式、XRController3D、フォービエイテッドレンダリング。
既存デザインやプロトタイプを対象に、テスト設計、タスクスクリプト、モデレーション、観察、結果の統合を含むユーザビリティテストを計画・実施します。ユーザーがユーザビリティのテスト、モデレートあり／なしのテスト、デザインの検証、ユーザビリティの問題発見、タスク完了率の改善を望む場合に使用します。ユーザビリティテスト、モデレートテスト、モデレートなしテスト、タスクスクリプト、シンクアラウド、プロトタイプテスト、ユーザーテスト、デザイン検証、タスク完了で起動します。何かを作り終え、リリース前に実際のユーザーが使えるか確かめたい場合にも起動します。
折りたたみ可能なコンテンツパネル、展開可能なセクション、FAQ、複数ステップのウィザード、ステップ形式のフォーム、ナビゲーションメニュー、タブ式ナビゲーション向けの Angular Accordion コンポーネント実装ガイドです。コンテンツの展開・折りたたみ、アコーディオンレイアウト、ステップ形式のワークフロー、階層的なコンテンツ構成についてユーザーが言及した場合に使用します。このスキルでは、初期化、展開モード、データバインディング、動的読み込み、アニメーション、ネストされたアコーディオン、実践的なパターンを扱います。
**必須の前提条件**——`use_figma` ツールを呼び出す前に、必ずこのスキルを読み込んでください。このスキルを読み込まずに `use_figma` を直接呼び出すと、頻出ilsonにazzoでデバッグしにくい失敗が発生します。ユーザーが Figma ファイルコンテキストでの書き込み操作や、JavaScript の実行が必要な特殊な読み取り操作（ノードの作成・編集・削除、変数やトークンの設定、コンポーネントとバリアントの作成、自動レイアウトや塗りの変更、変数とプロパティのバインド、ファイル構造のプログラムによる調査など）を希望したときに発動します。
連続するイベントやマイルストーンを表示する Syncfusion Angular Timeline コンポーネントです。垂直または水平のタイムラインを作成し、配置（Before、After、Alternate、AlternateReverse）、カスタムコンテンツ、反対側のコンテンツ、イベントハンドラーを設定できます。ドットのスタイル、コネクターの外観、アイテムテンプレートなどの高度なカスタマイズにも対応します。製品ロードマップ、プロジェクトのタイムライン、アクティビティフィード、キャリアの歩み、その他あらゆる連続イベントの可視化に役立ちます。
React v17、TypeScript、Fluent UI V9 を使用して、モデル駆動型アプリ向けの Power Apps 生成ページを作成、更新、デプロイします。計画、エンティティ作成、コード生成を専門エージェントに調整します。既存の Microsoft Power Apps モデル駆動型アプリのページを作成、取得、更新するよう求められた場合に使用してください。「generative page」「page in a model-driven」「genux」と言及された場合にも使用します。汎用またはスタンドアロンの React/Web アプリ、ウェブサイト、ダッシュボード（Power Apps コードアプリを含む）、Power Pages、キャンバスアプリ、Power Automate には使用しないでください。また、Power Platform、Dataverse、モデル駆動型アプリを除外する場合（例：「no Power Platform」）も使用しないでください。生成ページはモデル駆動型アプリ内でのみ実行され、このスキルでスタンドアロンプロジェクトをスキャフォールディングすることはできません。このスキルは単独で使用でき、/app-builder は不要です。ただし、既存アプリのページではなく、アプリ全体（テーブル、フォーム、ビュー、サイトマップ）の構築を希望する場合は、代わりに /app-builder を使用してください。
Web とモバイル向けの UI/UX デザインインテリジェンス。50 以上のスタイル、161 種のカラーパレット、57 種のフォントペア、161 種の製品タイプ、99 件の UX ガイドライン、10 のスタック（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、HTML/CSS）に対応する 25 種のチャートタイプを収録。操作：UI/UX コードの計画、構築、作成、設計、実装、レビュー、修正、改善、最適化、強化、リファクタリング、確認。プロジェクト：ウェブサイト、ランディングページ、ダッシュボード、管理パネル、eコマース、SaaS、ポートフォリオ、ブログ、モバイルアプリ。要素：ボタン、モーダル、ナビゲーションバー、サイドバー、カード、テーブル、フォーム、チャート。スタイル：グラスモーフィズム、クレイモーフィズム、ミニマリズム、ブルータリズム、ニューモーフィズム、ベントーグリッド、ダークモード、レスポンシブ、スキューモーフィズム、フラットデザイン。トピック：カラーシステム、アクセシビリティ、アニメーション、レイアウト、タイポグラフィ、フォントペアリング、余白、インタラクション状態、シャドウ、グラデーション。連携：コンポーネント検索と例の参照に使う shadcn/ui MCP。
アクセシブルなマークアップ、適切な props、明確な状態、テスト済みの動作を備えた、本番環境向けのフロントエンドコンポーネントを構築します。コンポーネントをゼロから構築する、既存のものをリファクタリングする、コンポーネント API を設計する、適切な状態とアクセシビリティを備えた UI 要素を実装する場合に使用します。コンポーネントの構築、ボタンやモーダル、フォーム入力の作成、コンポーネント API、props の設計、コンポーネントの状態、コンポーネントのリファクタリング、アクセシブルなコンポーネントなどが対象です。再利用可能な UI が必要なデザインの実装にも使用します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。