Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
あなたのブランドデザイナー。ビジネスの命名（名前を気に入る前に実行すべき商標、ドメイン、ハンドルの確認付き）、ボイス、一言の約束、タグラインの作成、そして見た目のブリーフ：色、書体、ロゴ、顧客が最初に見るもの。マーケティング責任者が選んだポジショニングに合うようにします。ユーザーが「name my business」「brand this」「logo」「brand identity」「what should it look like」「tagline」「brand voice」と言ったときに使用します。
Blazor アプリケーションで AI を活用したチャットインターフェースを構築するため、Syncfusion Blazor AI AssistView コンポーネントを実装します。会話型 AI、チャットボット、AI アシスタント、プロンプトと応答のインターフェースの実装に使用します。AssistViewPrompt の設定、PromptRequested イベント、Markdown の応答、アバターをカスタマイズできるプロンプト候補、音声チャット用の音声認識・合成を扱います。
BBCode による書式設定（太字、斜体、色、画像、クリック可能なリンク）やカスタムエフェクトを備えた RichTextLabel のエキスパート向けガイドです。メタタグ、RichTextEffect シェーダー、動的コンテンツを扱います。会話システムや書式付きテキストの実装時に使用します。キーワード：RichTextLabel、BBCode、[b]、[color]、[url]、meta_clicked、RichTextEffect、dialogue。
複雑なフィルタリングロジックを備えた動的でカスタマイズ可能なクエリインターフェースを構築するため、Syncfusion Blazor Query Builder コンポーネントを実装します。高度な検索インターフェースの作成、ビジネスルールエンジンの実装、またはネストされた条件グループと AND/OR ロジックを使ったデータフィルタリングワークフローの構築時に使用します。ルール管理、ドラッグ＆ドロップ UI、状態の永続化、幅広いカスタマイズに対応します。
Blazor 用の Syncfusion Maps コンポーネントを使用して、インタラクティブな空間データ可視化を実装します。地理データの表示、地図へのマーカー／ポリゴンの追加、地図プロバイダー（Google Maps、Bing Maps、Azure Maps、OpenStreetMap）の統合、コロプレスマップの作成、地図上の操作への対応、地図のエクスポート／印刷、国際化のサポート、アクセシビリティ機能の実装、地図のスタイルや外観のカスタマイズが必要な場合に使用します。
Syncfusion Blazor Ribbon コンポーネントを実装します。Syncfusion Blazor プロジェクトでリボンインターフェースの作成、タブ／グループ／項目の実装、ファイルメニューの追加、リボンイベントの処理、スタイルのカスタマイズを行う際に使用します。すべてのリボン項目タイプ（Button、Checkbox、DropDown、SplitButton、ComboBox、ColorPicker、GroupButton、Template）、ファイルメニュー操作、ギャラリー項目、コンテキストタブ、バックステージビュー、KeyTips によるキーボード操作、イベント、テーマ、アクセシビリティ機能に対応します。
Claude を、エビデンスに基づく教育プレゼンテーション設計のエキスパートにします。記憶への定着と理解が重要となる、教育、研修、学習の場でのプレゼンテーション設計に使用します。認知負荷理論、Mayer のマルチメディア学習の 12 原則、Gagné の 9 教授事象、C.R.A.P. デザイン原則、WCAG 2.1 AA アクセシビリティ基準を適用します。（1）教育・研修用プレゼンテーションの作成、（2）授業やワークショップ用スライドの設計、（3）既存の教育プレゼンテーションの改善、（4）コンテンツのビジュアルプレゼンテーションへの変換、（5）アクセシブルでインクルーシブなプレゼンテーションの実現、（6）プレゼンテーション設計への学習科学の適用を求められた場合に起動します。
ウェブUIの構築または監査で、キーボード操作、スクリーンリーダー、フォーカス管理、ARIA、色のコントラスト、フォームラベルとエラー通知、動きの抑制、タッチターゲットのサイズなど、アクセシビリティを扱う場合に使用します。「is this accessible」「WCAG」「a11y」「screen reader」「keyboard navigation」「focus trap」「contrast ratio」「aria-label」といった語句や、マウスなしで操作できる必要があるモーダル、メニュー、タブ、コンボボックス、トースト、カスタムコントロールの構築が起動条件です。
包括的なデザインスキル：ブランドアイデンティティ、デザイントークン、UI スタイリング、ロゴ生成（55スタイル、Gemini AI）、コーポレートアイデンティティプログラム（50種類の成果物、CIP モックアップ）、HTML プレゼンテーション（Chart.js）、バナーデザイン（22スタイル、ソーシャル／広告／ウェブ／印刷）、アイコンデザイン（15スタイル、SVG、Gemini 3.1 Pro）、ソーシャル写真（HTML→スクリーンショット、複数プラットフォーム対応）。操作：ロゴのデザイン、CIP の作成、モックアップの生成、スライドの作成、バナーのデザイン、アイコンの生成、ソーシャル写真やソーシャルメディア画像の作成、ブランドアイデンティティ、デザインシステム。プラットフォーム：Facebook、Twitter、LinkedIn、YouTube、Instagram、Pinterest、TikTok、Threads、Google Ads。
three.js のノードベースシェーディング：Nodes API の概要、NodeMaterial と MeshStandardNodeMaterial 系のファミリー、TSL（Three.js Shading Language）の TSL.html エントリー、WebGPURenderer との組み合わせ、コアの PostProcessing（クラス）とアドオンの EffectComposer の概要を扱います。シェーダーをグラフとして作成する場合、TSL 組み込み機能を使用する場合、コンピュート指向ノードや最新の WebGPU パイプラインを使用する場合に利用します。従来の MeshStandardMaterial、MeshPhysicalMaterial、文字列ベースの ShaderMaterial GLSL には threejs-materials を、標準の EffectComposer + Pass パスには threejs-postprocessing を、ノードを使わず WebGLRenderer のみを調整する場合には threejs-renderers を使用してください。
CometChatの統合をアクセシブルに保ちます。UI Kitはキーボード操作に対応し、WCAG 2.1 AAを目標に設計されています（各コンポーネントのドキュメントで確認してください。完全な適合には手動テストが必要です）。このスキルは、HOSTアプリがそのアクセシビリティを損なわないよう、コントラスト、フォーカス、スクリーンリーダーのコンテキスト、モーション低減、RTL、通話のアクセシビリティを扱います。ファミリー横断。トリガー：'is cometchat accessible'、'WCAG / 508 / ADA compliance'、'screen reader support'、'keyboard navigation'、'a11y audit'、'accessible chat'、'contrast/focus issues in chat'。
F2P の経済設計、仮想通貨、倫理的なマネタイズ戦略に関する専門知識。「game monetization, F2P economy, in-app purchase, IAP strategy, battle pass design, loot box, gacha system, virtual currency, player LTV, whale monetization, game economy balance, premium currency, season pass, daily rewards, pay to win, ethical monetization, monetization, f2p, free-to-play, iap, in-app-purchase, battle-pass, season-pass, gacha, loot-box, virtual-economy, game-economy, ltv, arpu, retention, whales, pricing, microtransactions」が言及された場合に使用します。
具体的な CSS/Tailwind の値を使い、洗練された意図の明確な UI を構築します。タイポグラフィ、色、レイアウト、余白、ダークモード、アクセシビリティ、アニメーション、コンポーネントを扱います。曖昧な助言ではなく、正確な値を伴う具体的で明確なルールを提供します。ボタン、カード、フォーム、テーブル、ナビゲーション、ダッシュボード、ランディングページ、オンボーディングなどに対応します。「absolute ui」「UI をデザイン」「このコンポーネントにスタイルを適用」「AI っぽさをなくす」「余白／タイポグラフィ／色を調整」「ダークモード」「料金ページをデザイン」「見た目を改善」などで起動します。
具体的な CSS/Tailwind の値を使い、洗練された意図の明確な UI を構築します。タイポグラフィ、色、レイアウト、余白、ダークモード、アクセシビリティ、アニメーション、コンポーネントを扱います。曖昧な助言ではなく、正確な値を伴う具体的で明確なルールを提供します。ボタン、カード、フォーム、テーブル、ナビゲーション、ダッシュボード、ランディングページ、オンボーディングなどに対応します。「absolute ui」「UI をデザイン」「このコンポーネントにスタイルを適用」「AI っぽさをなくす」「余白／タイポグラフィ／色を調整」「ダークモード」「料金ページをデザイン」「見た目を改善」などで起動します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。