Skills
エージェント向けにパッケージ化された専門スキルと手順を 98,284 件掲載。コマンド 1 行でインストールできます。
開発
拡張性の高い React のコンポジションパターン。ブール型 props が増えすぎたコンポーネントのリファクタリング、柔軟なコンポーネントライブラリの構築、再利用可能な API の設計に使用します。複合コンポーネント、レンダープロップ、コンテキストプロバイダー、コンポーネントアーキテクチャに関するタスクで起動します。React 19 の API 変更を含みます。React/Next.js のパフォーマンス最適化には使用しないでください（代わりに react-best-practices を使用）。
決定に至った背景、検討した選択肢、決定そのもの、双方の影響、および決定ログの整合性を保つ supersedes の連鎖を記録し、decisions/ 配下に Nygard/MADR 形式の ADR としてアーキテクチャ上の決定を残します。アーキテクチャ上の決定の記録、ADR の作成、決定事項の記録、X を Y より選んだ理由の文書化、決定の記録保存、または新しい決定による古い決定の置き換えを求められた場合に参照します。提案の構成や未決定のアイデアの検討（frame-a-proposal）、仕様や実装計画の作成（write-a-spec）、インシデントの事後分析（write-a-postmortem）、設計の妥当性評価（review-a-design）には使用しないでください。このスキルは既に下された決定を記録するものであり、決定を下すものではありません。
CesiumJS のエンティティとデータソース — Entity、EntityCollection、DataSource、GeoJsonDataSource、KmlDataSource、CzmlDataSource、Graphics 型、PathGraphics、PathMode、Visualizers。ポイント、ラベル、モデル、ポリゴン、ポリライン、時間区分されたパスの追加、GeoJSON/KML/CZML/GPX データの読み込み、または高レベルの Entity API の使用時に利用します。
DatoCMS CLI (datocms) — コマンドラインでのマイグレーション、スキーマコード生成、スキーマ検査、単発の CMA 呼び出し、型付き TypeScript CMA スクリプト、環境操作、デプロイワークフロー、複数プロジェクトのプロファイル同期。datocms CLI コマンド／スクリプトに使用します：migrations:new、migrations:run；schema:generate；schema:inspect（モデル、ブロック、フィールド、バリデーター、外観、フィールドセット、ネストされたブロック、参照／埋め込みモデルのダンプ）；cma:call、cma:docs、cma:script（ambient client/Schema globals を使ったオンデマンドの型付き TS）；モデル／フィールド／ブロックのマイグレーションひな形作成；datocms.config.json + profiles による CLI 設定；OAuth（login/logout/whoami）；projects:list；プロジェクトのリンク／解除；環境の list/fork/promote/rename/destroy；メンテナンスモードの切り替え；CI/CD マイグレーションパイプライン；blueprint/client プロジェクト同期；WordPress または Contentful からのインポート（アセット + コンテンツ）；CLI プラグイン管理。
アルゴリズムのパラメーター、アニメーション値、デザイントークン、レイアウト寸法など、テキストで表現しにくい値を調整できるよう、スライダー、ノブ、トグル、ライブプレビューを備えたHTMLプレイグラウンドを作成します。選択した値をClaude Codeに返せるよう、必ず Submit ボタン（`submitToClaude`を呼び出す）を含めてください。値の試行、動作の微調整、パラメーター空間の探索、連続範囲からの選択をユーザーが希望する場合に使用します。対象はデバウンス時間、色の値、イージング曲線、しきい値、レイアウト寸法など、調整可能なあらゆる値です。
設計が妥当か、つまり明示された目標と制約に基づいて適切な問題を解決しているかをレビューし、修正案ではなく、根拠を示した優先順位付きの指摘を提示します。「この設計をレビューして」「この設計は妥当か」「この提案を徹底検証して」「設計レビューをして」「これは適切な問題を解決しているか」「この仕様の問題点を挙げて」「これを作るべきか」と尋ねられた場合、または提案、仕様、ADR、アーキテクチャ、製品判断への批評を求められた場合に読みます。これらの作成を求められた場合は読まないでください。新しい提案は frame-a-proposal、仕様は write-a-spec、決定記録は record-a-decision、事後分析は write-a-postmortem に振り分けます。差分のコードレビューや個々の主張の事実確認には使用しないでください（それは別の作業である correctness pass の対象です）。
Supabase ソリューションの設計、実装、レビューを行います。Postgres、Auth、Row Level Security、Storage、Realtime、Edge Functions、ローカル環境を扱います。`supabase/config.toml`、Supabase のマイグレーション、または `@supabase/*` クライアントが関係する場合に使用してください。スキーマ、インデックス、実行計画の詳細な Postgres 分析の代用にはせず、その場合は `specsfy-specialist-postgres` と併用してください。
ユーザーのメッセージに「tailwind」がどのような形でも含まれる場合は必ず呼び出します。レスポンシブなグリッドレイアウト（複数列のカードグリッド、商品グリッド）、Flex／Grid のページ構成（サイドバー付きダッシュボード、固定トップバー、モバイル切り替えナビゲーション）、UI コンポーネント（カード、テーブル、ナビバー、料金セクション、フォーム、入力欄、バッジ）のスタイリング、ダークモードのバリアント追加、余白やタイポグラフィの修正、Tailwind v3/v4 の作業にも使用します。主な用途は HTML テンプレート（Blade、JSX、Vue）で Tailwind ユーティリティクラスを記述または修正することです。バックエンド PHP ロジック、データベースクエリ、API ルート、HTML/CSS コンポーネントを含まない JavaScript、CSS ファイルの監査、ビルドツール設定、通常の CSS は対象外です。
v4 の改善を含む Tailwind CSS のパフォーマンス最適化。次の場合に積極的に使用：(1) Tailwind v4 の Oxide エンジンのパフォーマンス、(2) Lightning CSS の圧縮、(3) CSS バンドルサイズの削減、(4) 未使用ファイルのスキャンを避ける content 設定の調整、(5) 動的クラス向け safelist（肥大化を防止）、(6) @apply を最小限に抑えた本番ビルド、(7) クリティカル CSS の抽出、(8) 生成 CSS の HTTP キャッシュ、(9) @apply の過剰使用の回避（utility-first を優先）、(10) PurgeCSS／コンテンツ検出のエッジケース。パフォーマンス調整チェックリスト、Oxide エンジンの解説、content 設定パターン、safelist のガイダンス、クリティカル CSS のワークフローを提供
z-schema ライブラリを使って JSON データを JSON Schema に照らして検証します。JSON の検証、スキーマとの照合、検証エラーの処理、カスタム形式バリデーターの使用、JSON Schema draft 04〜2020-12 の利用、プロジェクトでの z-schema の設定、相互参照を含むスキーマのコンパイル、リモート $ref の解決、検証オプションの設定、エラー詳細の確認に使用します。同期/非同期モード、安全なエラー処理、スキーマの事前コンパイル、リモート参照、TypeScript 型、ブラウザー/UMD の使用方法を扱います。
セマンティックな HTML、CSS、JavaScript と、独自のアートディレクション、Codex 生成のラスター画像を用いて、本番品質のスタンドアロンウェブサイトを新規作成または再設計します。React、Vue、Next.js などのアプリケーションフレームワークを必要としないランディングページ、マーケティングサイト、ポートフォリオ、製品ページ、エディトリアルサイト、静的ダッシュボードに使用します。フレームワークベースのアプリケーション、デプロイのみの作業、既存のフレームワークプロジェクトに属する単独コンポーネントには使用しないでください。
Bagisto Admin API 上で管理アプリや UI を構築する際に使用します。バックオフィスダッシュボード、注文、カタログ、顧客、マーケティング、CMS、設定の管理画面、管理用モバイルアプリ、Create-Order フロー、API 上の管理パネルページが対象です。まずクライアントのプラットフォームと技術スタックを確認し、正確なデータ形式の正とする情報源として api-docs を扱ってください。トリガーとなる語句には「admin orders」「admin products」「customers」「cart rules」「CMS」「settings」「reporting」「admin panel on the API」があります。
既存のWebプロジェクト（Next.js App Router、Nuxt、SvelteKit、Astro、およびReact/Vue/Svelteのコンポーネント利用）におけるDatoCMSフロントエンド統合コードの修正、拡張、説明に使用します。ドラフトモードのエンドポイント追加、Preview Links / Visual Editingフローの接続、Content Linkオーバーレイの修正、リアルタイムプレビューサブスクリプションの調整、キャッシュタグの無効化／再検証（Next.js revalidateTagまたはタグによるCDNパージ）、robots/sitemapの設定、クローラー対応検索の接続など、個別の課題に取り組む場合に適しています。また、react-datocms、vue-datocms、@datocms/svelte、@datocms/astroを使ったフレームワークのコンポーネント／フック連携にも使用します。対象はImage/RSCImage/datocms-image、StructuredText、VideoPlayer（React/Vue/Svelte）、SEO/メタデータヘルパー（renderMetaTags/toHead/Seo）、リアルタイムのQuerySubscription/QueryListener、ContentLinkコンポーネント、サイト内検索（React/Vue）です。稼働中のコードベースを課題ごとに修正する場合、フレームワーク固有のAPIについて質問する場合、または1つのパッチで複数のフロントエンド課題を扱う場合に優先してください。
Dune アプリの依存関係の問題を修正する際は、必ずこのスキルを使用してください。このスキルは脆弱性、古いパッケージ、非推奨の依存関係、ライセンスの問題を検出して修正します。報告するだけではありません。トリガー：dependencies、packages、fix dependencies、update packages、fix vulnerabilities、npm audit fix、pnpm audit fix、CVE fix、outdated、deprecated、supply chain、license。
恋愛ゲームや恋愛シミュレーション（Tokimeki Memorial、Monster Prom、Persona social links）向けの専門的な設計指針です。好感度システム、複数ステータスによる関係性、日付指定イベント、ルート分岐に重点を置きます。人間関係を中心としたゲーム、ソーシャルシミュレーション、乙女ゲームの制作時に使用します。キーワード：romance、dating sim、affection system、relationship stats、date events、character routes、love interest。
クラシックなイースターの季節オーバーレイを適用します。パステル調の Theme/StyleBox 注入、紙吹雪・きらめき VFX、弾力のある演出、mesh surface_override のペイント、カーソル・音声の切り替え、プレイヤーが無効化できる期間限定の有効化ゲートを含みます。共有 .mesh/.tres アセットを変更せずに、ホリデースキン、4 月のイベント、イースターエッグ探しの演出を提供する際に使用します。キーワード：pastel、seasonal Theme、StyleBox、confetti、Easter egg、surface_override、TRANS_ELASTIC、Disable Seasonal Themes、activation gate。
CMS を notfair SEO ツールに接続します。WordPress、Strapi、Contentful、Ghost の設定を案内し、接続をテストして認証情報を .env.local に書き込みます。設定後、seo-analysis は CMS コンテンツを Google Search Console のデータと自動的に照合します。ユーザーが「connect my CMS」「set up WordPress」「configure Strapi」「add Contentful」「connect Ghost」「CMS setup」と言った場合に使用します。seo-analysis レポートに CMS データが表示されない理由を尋ねた場合も対象です。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。