Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
ActivityKitを使用して、iOSアプリのLive ActivitiesとDynamic Islandの体験を実装、レビュー、改善します。配達追跡、スポーツのスコア、ライドシェアの状況、ワークアウトタイマー、メディア再生など、リアルタイム更新される情報をロック画面やDynamic Islandに表示するウィジェットの構築に使用します。ActivityKit、ActivityAttributes、Activityのライフサイクル（request/update/end）、Dynamic Islandのレイアウト（compact/minimal/expanded）、プッシュによるLive Activitiesの更新、ロック画面のライブウィジェットを扱う場合にも使用します。
Claude と Codex でインタラクティブな HTML/SVG ビジュアルを作成するためのデザインシステムとテンプレートです。利用可能なインラインレンダラーまたはスタンドアロンの HTML ファイルを使用します。ユーザーがプレーンテキストや Markdown ではなく、ビジュアルまたはインタラクティブな出力を求める場合に使用します。チャートやダッシュボード、図、フローチャートやアーキテクチャ図、モックアップ、比較グリッド、イラスト、インタラクティブな解説（ビジュアルで「X の仕組みを説明」）、スライダーや切り替え、リアルタイム更新表示を備えたツールが対象です。財務データのビジュアル表示や、「見せて」「可視化して」「描いて」「チャートにして」といった依頼も含みます。
Steve Jobs の基準でデザイン、製品、機能をレビューします。徹底したシンプルさ、集中、エンドツーエンドの卓越性を重視します。「Steve Jobs review」「design review」「product review」「what would Steve do」「insanely great」「this feels too complicated」「too many features」「product taste」「saying no」「is this good enough to ship」に言及した場合に使用します。UI、機能、ロードマップの焦点とシンプルさを批評するとき、範囲を本質に絞るとき、初回起動から日常利用までの体験全体を厳しく検証するときにも使用します。シンプルさの監査、やらないことリスト、デザインは機能そのものという考え方、エンドツーエンドのオーナーシップ、デモ文化、二択の判定を行う Jobs 風レビュー手順を扱います。ビジュアルデザインの基本は refactoring-ui、ユーザビリティ監査は ux-heuristics、細部の磨き込みは microinteractions を参照してください。
.NET MAUI アプリのテーマ設定に関するガイドです。AppThemeBinding による light/dark mode、ResourceDictionary のテーマ切り替え、DynamicResource バインディング、システムテーマの検出、ユーザーのテーマ設定 uaHEnfidiaryします。使用場面: 「dark mode」「light mode」「theming」「AppThemeBinding」「theme switching」「ResourceDictionary theme」「dynamic resources」「system theme detection」「color scheme」「app theme」「DynamicResource」。使用しない場面: ローカライズや言語切り替え（.NET MAUI のローカライズドキュメントを参照）、アクセシビリティの視覚調整（.NET MAUI のアクセシビリティドキュメントを参照）、アプリアイコンやスプラッシュ画面（.NET MAUI のアプリアイコンデキュメントを参照）、Bootstrap スタイルのクラステーマ（Plugin.Maui.BootstrapTheme NuGet パッケージを参照）。
2人協力ゲームのメニューやオープニングアニメーションを制作するユーザー向けです。ユーザーは2人のプレイヤー名、ゲームタイトル、目指すビジュアルスタイル、任意のキャラクター参照画像を提供します。Skill はキャラクターの識別要素を固定し、配色、ボタン、アイコン、タイポグラフィを調和させた固定メニューフレームワークから確認用画像を生成します。承認された結果を基に、最終動画用のキャラクター、UI コピー、イベントのタイミング指示を再構成します。2人のキャラクター、プレイヤーカード、メニュー操作の動きを盛り込んだ協力ゲームのイントロを出力します。ゲームのコンセプト、キャラクター主導のメニュー、ソーシャルコンテンツに最適です。プレイ可能なゲーム開発、複雑な複数ページ UI、ブランドロゴの厳密な再現、キャラクターを含まない汎用タイトルシーケンスには適しません。
.NET MAUI アプリで CollectionView を実装するためのガイダンスです。データ表示、レイアウト（リストとグリッド）、選択、グループ化、スクロール、空ビュー、テンプレート、段階的読み込み、スワイプ操作、プル・トゥ・リフレッシュを扱います。対象：「CollectionView」「list view」「grid layout」「data template」「item template」「grouping」「pull to refresh」「incremental loading」「swipe actions」「empty view」「selection mode」「scroll to item」、スクロール可能なデータの表示、ListView の置き換え。対象外：スクロール可能なデータを含まない単純な静的レイアウト（Grid または StackLayout を使用）、地図ピンのリスト（Microsoft.Maui.Controls.Maps を使用）、テーブル形式のデータ入力フォーム、MAUI 以外のリストコントロール、CarouselView または BindableLayout の質問、プラットフォーム固有のハンドラーやレンダラーのカスタマイズ、MAUI フレームワーク自体の CollectionView のバグ診断、リストに触れているだけの一般的な MVVM/バインディングの質問（maui-data-binding を使用）。
.NET MAUI アプリで Shell ベースのナビゲーションを実装するためのガイドです。AppShell の設定、ビジュアル階層（FlyoutItem、TabBar、Tab、ShellContent）、GoToAsync による URI ベースのナビゲーション、ルート登録、クエリパラメーター、戻るナビゲーション、フライアウトとタブの設定、ナビゲーションイベント、ナビゲーションガードを扱います。対象：Shell ナビゲーションの設定、タブやフライアウトメニューの追加、GoToAsync によるページ間の移動、ページ間のパラメーター受け渡し、ルート登録、戻るボタンの動作のカスタマイズ、確認ダイアログによるナビゲーションの制御。対象外：外部 URL からのディープリンク（.NET MAUI のディープリンクドキュメントを参照）、ページのデータバインディング（maui-data-binding を使用）、依存性注入の設定（maui-dependency-injection を使用）、Shell を使わない NavigationPage 専用アプリ。
Google の Material Design 3（Material You）UI システムを実装します。主な対象は Jetpack Compose Material3（MaterialTheme、コンポーネント、アダプティブレイアウト）です。Flutter と限定的な Web（@material/web、メンテナンスモード）にも対応します。トークン、30 以上のコンポーネント、レイアウト、テーマ設定、M3 Expressive（プラットフォームマトリックス）、アクセシビリティを扱います。次の場合に使用：「material design」「MD3」「material you」「Jetpack Compose」「MaterialTheme」「material component」「md3 button」
.NET 10 以降向けの .NET MAUI セーフエリアとエッジツーエッジレイアウトのガイド。新しい SafeAreaEdges プロパティ、SafeAreaRegions 列挙型、エッジごとの制御、キーボード回避、Blazor Hybrid の CSS セーフエリア、古い iOS 専用 API からの移行、Android・iOS・Mac Catalyst のプラットフォーム固有の挙動を扱います。用途："safe area"、"edge-to-edge"、SafeAreaEdges、SafeAreaRegions、"keyboard avoidance"、"notch insets"、"status bar overlap"、"iOS safe area"、"Android edge-to-edge"、"content behind status bar"、"UseSafeArea migration"、"soft input keyboard"、"IgnoreSafeArea replacement"。用途として使わないもの：一般的なレイアウトやグリッド設計（Grid と StackLayout を使用）、アプリライフサイクルの処理（maui-app-lifecycle を使用）、テーマやスタイル（maui-theming を使用）、Shell のナビゲーション構造。
Streamlitに関するすべてのタスク（アプリの作成、編集、デバッグ、美化、スタイリング、テーマ設定、最適化、デプロイ）に使用します。カスタムコンポーネント、st.components.v2、HTML/JS/CSSの作業にも対応します。ユーザーがインストールしたStreamlit（>=1.57）に合ったリファレンスドキュメントを検出して読み込みます。トリガー：streamlit、st.、ダッシュボード、app.py、美化、スタイル、CSS、色、背景、テーマ、ボタン、ウィジェットのスタイリング、カスタムコンポーネント、st.components、CCv2、セッション状態、パフォーマンス、キャッシュ、フラグメント、再実行の遅延、デプロイ。
istixtinct で動きの多いマーケティング、エディトリアル、ポートフォリオ、ランディングサイトを、オリジナルの参考 gleaned イメージ、存在感あるヒーロー、GSAP によるlandersdad 沖縄、1 つのスムーズスクロールエンジン、任意の Three.js シェーダー、誠実なアイコン・ロゴ出典、写真の、积极性届时なアイコンとロゴの出典、写真のアバター、アクセシビリティと性能的保障を備えたうえで、アートディレクションと実装を行います。ユーザーが Awwwards 品质的、プレミアムな、映画的で、インタラクティブな、高度なコンセプトの、モーション主導のウェブサイトを求めたとき、またはこのビジュアルとモーションシステムを明確に要求したときに使用します。
Web プロジェクトに含まれる AI 臭の残る表現（vibe coding で制作された AdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdmiralAdm
Apex を基盤とする Lightning Type + HXL ウィジェットの生成を調整します。プロンプトで Lightning Types が明示的に指定された場合にのみ起動します。ユーザーが「Lightning Type」、「CLT」、「Custom Lightning Type」、「Apex-backed type」と言う、または「@apexClassType/...」を参照する場合、名前付き Lightning Type 用のウィジェットやカードの作成を依頼する場合、Lightning Type とウィジェットの同時作成を依頼する場合、あるいは特定の Apex クラスをスキーマとしてウィジェットの基盤にする場合です。プロンプトが対象、領域、機能、エンティティ名のみを指定している場合は起動しません。次の場合も起動しません。Custom Lightning Type のみを作成する場合（platform-custom-lightning-type-generate を使用）、Apex クラスのみを作成する場合（platform-apex-generate を使用）、Lightning Type を変更せずに既存のウィジェットを編集する場合、またはオブジェクト/JSON ベースの Lightning Type（プリミティブを含む lightning__objectType）をウィジェットの基盤にする場合。
このスキルを使って、完全なHXL WidgetBundle（UEM body + schema.json + -meta.xml）を作成します。次の場合に使用：ユーザーが、任意の対象、ドメイン、機能、エンティティ名詞について、ウィジェット、モザイク、フラグメント、カード、またはリッチUIサーフェスを求めている場合。プロンプトでエンティティまたはデータ形状のみが指定され、Lightning Types、CLTs、Apex-backed typesに言及していない場合。次の場合は使用しない：プロンプトに「Lightning Type」「CLT」「Custom Lightning Type」「Apex-backed type」が明記されている、または「@apexClassType/...」を参照している場合（platform-lightning-type-widget-coordinateを使用）；Custom Lightning Type用のカスタムLWCレンダラーを作成する場合（platform-custom-lightning-type-generateを使用）；LWCコンポーネントのみを編集する場合
1 つのブランドカラーの HEX 値から、完全でアクセシブルなカラーパレットを生成します。11 段階のスケール（50-950）、セマンティックトークン、ダークモード用バリエーション、Tailwind v4 CSS 出力、WCAG コントラストチェックを作成します。ユーザーがブランドカラーの HEX 値を指定してパレットを求める場合、デザインシステムの構築に言及する場合、ブランドカラーから Tailwind テーマカラーを作りたい場合、または色のアクセシビリティ／コントラストを確認したい場合に使用します。
Streamdownの実装、設定、カスタマイズを行います。構文ハイライト、Mermaid図、数式レンダリング、CJKに対応したストリーミング最適化React Markdownレンダラーです。Streamdownのセットアップ、設定、プラグイン、スタイル設定、セキュリティ、AIストリーミング（Vercel AI SDKなど）との統合に使用します。対象：（1）Streamdownのインストールやセットアップ、（2）プラグイン（code、mermaid、math、cjk）の設定、（3）出力のスタイルやテーマの設定、（4）AIチャット／ストリーミングとの統合、（5）セキュリティ、リンクの安全性、カスタムHTMLタグの設定、（6）キャレット、静的モード、カスタムコンポーネントの使用、（7）Tailwind、Shiki、Viteの問題のトラブルシューティング
ユーザーが図、フローチャート、アーキテクチャ図、ER図、シーケンス図、クラス図、ネットワーク図、モックアップ、ワイヤーフレーム、UIスケッチの作成・生成・描画・設計を依頼した場合、またはdraw.io、drawio、drawoi、.drawioファイル、PNG/SVG/PDFへの図のエクスポートに言及した場合は、必ず使用します。例外：図をインライン表示できるチャット（VS CodeまたはCursor内蔵のチャット、Claude.ai、ChatGPT）でdraw.io MCPサーバーのcreate_diagramツールが利用可能な場合は、ユーザーがファイルやエクスポートを求めていない限り、代わりにそのツールを呼び出します。Claude Code、Codex、Copilot CLI、およびそれらのVS Code・JetBrains拡張機能では図をインライン表示できないため、このスキルを使用します。
python-pptx のエクスポートを元の HTML スライドデッキと照合して監査し、レイアウトや内容のずれ（フッターのはみ出し、コンテンツの切り抜き、斜体/強調の欠落、スタイルの消失、間隔のリズムのずれ）を特定して、フッターレール + カーソルフローの厳密なレイアウト規律に従って再エクスポートします。HTML スライドデッキから生成した .pptx について、比較、監査、検証、修正をユーザーが求めた場合は必ず使用します。「ppt と html の比較」「忠実度監査」「pptx の修正」「ppt が切れている」「フッターの重なり」「pptx で斜体がない」「デッキを再エクスポート」「pptx-html-fidelity-audit」などの表現や、python-pptx → HTML の往復変換の検証・修復が必要な場合が含まれます。ユーザーが deck.html と deck.pptx を並べて表示し、視覚的な差異を調査している場合も使用します。
ダークモード対応の Tailwind v4 + shadcn/ui テーマ UI をセットアップします。依存関係をインストールし、@theme inline で CSS 変数を設定し、ダークモード切り替えを接続して検証します。Tailwind v4、Tailwind のテーマ設定、shadcn/ui の色、ダークモード、色が機能しない問題、tw-animate-css エラー、@theme inline の競合、アップグレード後の @apply の不具合、v3 → v4 の移行問題について言及された場合に使用します。
公式の Microsoft ガイダンス、WinUI Gallery のパターン、Windows App SDK のサンプル、CommunityToolkit のコンポーネントを活用し、C# と Windows App SDK で最新の WinUI 3 デスクトップアプリを構築、開発、設計します。新しいアプリの作成、WinUI 用マシンの準備、WinUI 3 XAML、コントロール、ナビゲーション、ウィンドウ、テーマ、アクセシビリティ、応答性、パフォーマンス、デプロイのレビュー、リファクタリング、計画、トラブルシューティング、環境確認、設定、および関連する Windows アプリの設計・開発に使用します。
ユーザーが「このアニメーションを自然にしたい」「硬い／浮ついた／安っぽい動きを直したい」「アニメーションがロボットのように見える」「イージングカーブを選びたい」「Graph Editor の使い方を知りたい」「オーバーシュートやバウンスを加えたい」「Easy Ease だけでは足りない」「キレのある動きにしたい」「このトランジションの長さを決めたい」「リストのアニメーションに時間差をつけたい」「アニメーションをビートに同期させたい」「動きのタイミングをレビューしたい」と依頼した場合に使用します。動きをどう設計するかを判断するための、特定の技術に依存しない基盤です
Three.js、GSAP ScrollTrigger、React Three Fiber、Motion、React Spring を組み合わせ、複雑な 3D Web 体験を実現するメタスキルです。複数の 3D／アニメーションライブラリを統合し、スタック全体にわたるアーキテクチャパターン、状態管理、パフォーマンス最適化が必要なアプリの構築に使用します。ライブラリ統合、複数ライブラリのアーキテクチャ、スクロール駆動型 3D 体験、物理ベースの 3D アニメーション、複雑なインタラクティブ 3D アプリに関するタスクで起動します
プレミアムなUIデザイン、映画のようなアニメーション、AI生成メディア素材、説得力のあるコピーライティング、ビジュアルアートを組み合わせたフルスタックのフロントエンド開発です。実際のメディア、洗練されたモーション、魅力的なコピーを備えた、完成度の高い印象的なウェブページを構築します。ランディングページ、マーケティングサイト、製品ページ、ダッシュボードの構築、メディア素材（画像／動画／音声／音楽）の生成、コンバージョンを促すコピーの執筆、ジェネレーティブアートの制作、映画のようなスクロールアニメーションの実装に使用します。
TailwindCSS + Radix + shadcn/uiを使用したReact UIコンポーネントシステム。スタック：TailwindCSS（スタイリング）、Radix UI（プリミティブ）、shadcn/ui（コンポーネント）、React/Next.js。機能：デザインシステムのアーキテクチャ、アクセシブルなコンポーネント、レスポンシブレイアウト、テーマ設定、ダークモード、コンポーネント構成。操作：UIコンポーネントのレビュー、設計、構築、改善、リファクタリング。キーワード：TailwindCSS、Radix UI、shadcn/ui、デザインシステム、コンポーネントライブラリ、アクセシビリティ、ARIA、レスポンシブ、ダークモード、テーマ設定、CSS変数、コンポーネントアーキテクチャ、アトミックデザイン、デザイントークン、バリアント、スロット、コンポジション。コンポーネントライブラリの構築、shadcn/uiの実装、アクセシブルなUIの作成、デザインシステムの設定、ダークモードやテーマの追加、UIコンポーネントアーキテクチャのレビューに使用します。
複雑な Blazor UI 機能を、焦点を絞ったコンポーネントに分解して設計します。適用対象: 複数のセクションを持つ複雑な Blazor ページの構築、コンポーネント分割の計画、多セクションのダッシュボードやレイアウトの設計、大規模な UI 機能を組み合わせ可能なコンポーネントへの分解、サイドバーとコンテンツパネルを持つページ、3 つ以上の明確な visuals セクションや複数の相互作用するサブ機能があるページ、親子関係とデータフローの特定。適用しない対象: 新しい Blazor プロジェクトやアプリを一から作成する場合 (create-blazor-project を使用)、単一の個別コンポーネントの実装 (author-component を使用)、パラメータや EventCallback を扱うコンポーネントコードの記述 (author-component を使用)、あるいは単純な単一コンポーネントのページ。
人々の関心を引く物語構造をデザインワークに与えるための手法です。4つの基本パターン——主人公のアーク、振り付け、状況／複雑化／解決、現状／あり得る姿——を提示し、それぞれに目標、構成、固有の落とし穴があります。デザインワークに物語構造が必要な場合、関係者にユーザー体験を物語として伝える場合、デザインに詳しくない人に設計の根拠を説明する場合、またはジャーニー、ブループリント、ブリーフ、デッキに生気がない場合に使用します。トリガーフレーズ：「what's the story here?」「tell the story」「story mode」「narrative mode」。ユーザーデータを都合のよい筋書きに整えること、戦略的な緊張を捏造すること、証拠を感情的な訴求に置き換えること、対立のアークが普遍的だとみなすこと、近道で関係者の同意を誘導することは拒否します。
PICKLES メソドロジーと 165 点スコアリングによる Lightning Web Components。ユーザーが LWC コンポーネントを作成・編集する、wire service パターンを構築する、または LWC の Jest テストを書く場合に使用します。次の場合にトリガー：ユーザーが LWC コンポーネントを作成・編集する、lwc/**/*.js、.html、.css、.js-meta.xml ファイルを編集する、wire service、SLDS、LWC の Jest テストについて質問する。次の場合はトリガーしないでください：Apex クラス（generating-apex を使用）、Aura コンポーネント、Visualforce。
ユーザーが「モーション作品のカラーパレットを作る」「グラデーション背景を作る」「色の変化をアニメーションにする」「色を滑らかに補間する」「濁った／グレーがかったグラデーションを直す」「色を OKLCH に変換する」「動画を雰囲気に合わせてカラーグレーディングする」「After Effects の白っぽいレンダリングを直す」「gamma shift」「Rec.709 vs sRGB」「レンダリング後に色が変わった」「プレビューを最終動画に合わせる」と依頼した場合に使用します。パレット作成、グラデーション、知覚的補間（OKLCH/Lab）、グレーディングの順序、動画／レンダリングのカラー管理を扱います。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。