Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
プロジェクトノート、履歴書の箇条書き、成果データから、ポートフォリオやクライアント提出向けのケーススタディを作成します。信頼できるナラティブ、プロセスの裏付け、定量的なインパクト、ビジュアルストーリーテリングの意図を備えます。ユーザーがケーススタディ、ポートフォリオ作品、プロジェクト記事、成果サンプル、クライアントの成功ストーリーを求めときに使用します。K2F フォーマットとエンジンに支えられ、AI ネイティブのデザインと最高の美学基準でケーススタディを作成します。AI エージェント向けに設計されており、K2F はレイアウト、タイポグラフィ、書式設定の複雑さを自動処理しながら、エージェントがセマンティック内容とデザインの意図に集中できるようにします。
Tailwind CSS v4 のパフォーマンス最適化とベストプラクティスのガイドライン（旧 tailwindcss-v4-style）。Tailwind CSS v4 のコードを書く、レビューする、リファクタリングする際に、最適なビルドパフォーマンス、最小の CSS 出力、v4 機能の正しい使用を担保するためにこのスキルを使用してください。Tailwind の設定、@theme ディレクティブ、ユーティリティクラス、レスポンシブデザイン、ダークモード、コンテナクエリ、CSS 生成の最適化に関するタスクで発動します。
Ideogram（Ideogram 4.0）でソーシャルメディア向けの高品質なデザイン画像を生成するための優れたプロンプトを作成します。画像プロンプトルーター配下の nano-banana と並ぶ、タイポグラフィとレイアウト向けの image-prompt-craft ミニスキルです。テキストとレイアウトが重要な Ideogram／AI 画像プロンプト（引用カード、カルーセルのカバー、ポスター、ロゴ／ワードマーク案、サイン、見出し付き広告など、文字を正確に表示する必要がある画像）を求められた場合に実行します。brand-profile からスタイル／パレットを読み込みます。Ideogram の特長：画像内テキストの優れたレンダリング、構造化 JSON プロンプト（バウンディングボックス、16 進数カラー）、ネイティブ 2K、透明背景、Layerize Text。Ideogram アプリエディターのワークフロー（Canvas、Magic Fill、Extend、Style References）も扱います。誠実に対応し、レンダリングされたテキストを確認し、AI 画像であることを開示して C2PA で署名し、実在する識別可能な人物や著作権で保護されたキャラクター／IP／ロゴは生成しません。API／接続と generate -> upload to WoopSocial Media -> attach のフローは tools/integrations/ideogram.md にあります。
カスタムコンポーネントとレイアウトを、shadcn のデザインパターン、ビジュアルスタイルの慣習（Vega、Nova、Maia、Lyra、Mira）、合成ルール、デザイントークンの使い方、Radix/Base UI の合成パターンに沿ってレビューする。カスタム UI コンポーネント、ページレイアウト、shadcn コンポーネントのバリアントを書いたり変更したりした後に PROACTIVE 的に使う。「review this component」「check my spacing」「does this follow shadcn patterns」「audit this layout」「is this shadcn-idiomatic」と言われたとき、またはフィードバックのためにコンポーネントが共有されたときに使う。余白のずれ、ハードコードされた色、data-slot 属性の欠落、テーマ適用の不統一、AI ツールによる高速tteshing では見落とされがちな合成のアンチパターンを検出できる。
UI（URL、スクリーンショットや画像、コンポーネントファイル）に対して、明確な優先順位つきのデザイン批評を実施します。ビジュアル階層、書体、間隔、色とコントラスト、モーション、コンポーネント状態、レスポンシブ対応、アクセシビリティ、ブランドの一貫性をカバーします。指摘事項は「修正必須」から「仕上げ」まで優先度順に並び、それぞれ具体的な修正方法が示されます。必要に応じてコードに適用することもできます。デザイン、ページ、画面、コンポーネント、スクショットのレビューや批評を求められたとき、リリース前にクラフトやアクセシビリティを確認したいときに使います。
Apple 技术的 Apple HIG ガイダンス：Siri、Apple Pay、HealthKit、HomeKit、ARKit、機械学習、生成 AI、iCloud、Sign in with Apple、SharePlay、CarPlay、Game Center、アプリ内課金、NFC、Wallet、VoiceOver、Maps、Mac Catalyst など。「Siri 連携」「Apple Pay」「HealthKit」「HomeKit」「ARKit」「拡張現実」「機械学習」「生成 AI」「iCloud 同期」「Sign in with Apple」「SharePlay」「CarPlay」「アプリ内課金」「NFC」「VoiceOver」「Maps」「Mac Catalyst」といった質問pillarsに仮按揭 使用する。ユーザーが「Siri をどう組み込むか」「Apple Pay のガイドラインは何か」「AR 体験はどう設計すべきか」「Sign in with Apple の使い方castle-php》及任何 Apple フレームワークやサービスの統合について質問した場合も使用する。相互参照：入力方法は hig-inputs、ウィジェットは hig-components-system。
プレミアム品牌ビジュアル生成スキル。ハイエンドなブランドガイドライン、ロゴシステム、アイデンティティプレゼンテーション、ビジュアルワールド展開の制作に対応。ミニマリスト、シネマティック、エディトリアル、ダークテック、ラグジュアリー、カルチャル、セキュリティ、ゲーミング、デベロッパーツール、コンシューマーアプリなどのブランドシステムに対応。インテンショナルなロゴコンセプト、洗練されたコンポジション、スパースタイポグラフィ、強いシンボリック表現、プレミアムモックアップ、アートディレクションされた画像、柔軟なグリッドレイアウトに最適化。
shadcn/ui コンポーネント（Radix UI + Tailwind ベース）、Tailwind CSS のユーティリティファーストなスタイリング、canvas ベースのビジュアルデザインを使って、美しくアクセシブルなユーザーインターフェースを作成します。ユーザーインターフェースの構築、デザインシステムの実装、レスポンシブレイアウトの作成、アクセシブルなコンポーネント（ダイアログ、ドロップダウン、フォーム、テーブル）の追加、テーマや色のカスタマイズ、ダークモードの実装、ビジュアルデザインやポスターの生成、複数のアプリにわたる一貫したスタイルパターンの確立に使用します。
SAP Analytics Cloud (SAC) のカスタムウィジェット開発です。カスタム可視化の作成、SAC への Web コンポーネントの拡張、ウィジェットアドオンの作成に使います。JSON メタデータ、JavaScript の Web コンポーネント、ライフサイクル関数、feeds を用いたデータバインディング、スタイル/ビルダーパネル、プロパティ・イベント・メソッドの定義、サードパーティライブラリとの統合、ホスティング、セキュリティ、パフォーマンス、デバッグを扱います。ウィジェットアドオン機能（QRC Q4 2023+）と、ウィジェット、チャート、KPI カードのテンプレートも含まれます。
Syncfusion React ListView コンポーネントを実装し、単一/複数選択、テンプレート、フィルタリング、グループ化、ドラッグ＆ドロップ、バーチャル.TakeOverPlaceholders Stefanióvoor 動的リストの表示に対応します。リストの可視化、アイテム管理、選択処理、カスタムテンプレート、データフィルタリングが必要なときに使用します。ローカル/リモートデータバインディング、チェックボックス、アニメーション、RTL、アクセシビリティ機能にも対応しています。
Design Sprint の 3 日目（水曜日）のmoveで、アートミュージアムレイアウト、ヒートマップ、スピードクリティique、 straw 投票、決定者の加重投票、分散か一かwired 二択の意思決定、4 日目のプロトタイプ構築を動かすストーリーボードを実行します。スプリント中で最も意思決定が多い日です。2 日目のスケッチが回収され、作成者名が除かれた後の水曜日午前・午後に使います。構築仕様となる標準的な 5〜15 ステップのストーリーボードを出力します。
Design Sprint の 1 日目（月曜日）のholy moveで、月曜日アーティファクトを出力します。長期目標、スプリント質問（検証可能なリスク 3〜7 件）、顧客またはシステムマップ（5〜15 ステップのフロー）、専門家インタビューメモ、HMW（How Might We）クラスターボード、決定者が選んだターゲットモーメントを含みます。スプリントブリーフ確定後の 1 日目午前・午後に使います。2 日目のスケッチと 3 日目のストーリーボードのデザイン目標を定めます。
Design Sprint の 4 日目（木曜日）のmoveで、その日の計画アーティファクトを出力します。プロトタイプレASSIGN（Maker、Stitcher、Writer、Asset Collector、Interviewer）、プロトタイプブリーフ（何を作るか、忠実度基準、ロールごとの時間配分）、標準 Five-Act インタビュー台本（Welcome、Context、Intro、Tasks、Debrief）、試し書きチェックリスト、金曜日の参加者確認トラッカーを含みます。実際のプロトタイプ構築は、このスキルの AI 呼び出し範囲外の手作業です。3 日目のストーリーボード承認後の木曜日午前に使います。
Design Sprint の 5 日目（金曜日）のクロージング moveで、金曜日アーティファクトを出力します。顧客ごとのインタビュー観察、ベストクォート、スコアカードグリッド（顧客別のスプリント質問）、観察されたパターン、チームメンバーそれぞれのホットテイク、決定者サマリー（構築・反復・ピボット・停止、および確信度の高い学び、最も重要な修正、次のアーティファクト）を含みます。4 日目のプロトタイプが試し書きを通過した後の金曜日、および 5 件の顧客インタビューの実施中・実施後に使います。スプリントの成果アーティファクトです。
折りたたみ可能なコンテンツパネル向けの Syncfusion React Accordion コンポーネントの実装をユーザーに案内します。展開/折りたたみセクション、アコーディオンレイアウト、タブ式コンテンツパネル、多ステップフォーム、FAQ、展開可能な項目を含むナビゲーションが必要なときに、このスキルを使用します。コンポーネントの設定、展開モード、アニメーション、動的コンテンツの読み込み、スタイル、イベント、ライフサイクル、React フックとの統合、完全な API リファレンスを扱います。
スプリント前の診断で、チームが今すぐ Design Sprint を実行すべきか、延期すべきか、先に前提作業をすべきかを判断します。Go / Conditional Go / Wait の判定と、診断、推奨される前提条件、参加者リスト、顧客リクルーティング計画、スプリント前_absolute 作業を出力します。Design Sprint の開始を検討中で、5 日分のチーム時間と顧客リクルーティングのコストをコミットする前に.Yes / No の迅速な診断が欲しいときに使います。
ユーザーがウェブサイトの構造、URL 階層、ナビゲーションデザイン、内部リンク戦略を監査・再設計・計画したい場合に使用します。「サイトアーキテクチャ」「URL 構造」「内部リンク」「サイトナビゲーション」「パンくずリスト」「トピッククラスター」「ハブページ」「孤立ページ」「サイロ構造」「情報アーキテクチャ」「サイトの再構成ylieに触れた場合にも使用します。SEO の問題があり、原因がコンテンツやスキーマではなく構造にある場合にも使用します。書くべき内容に関するコンテンツ戦略の判断（content-strategy を使用）やスキーママークアップ（schema-markup を使用）には使用しません。
Motion.dev（Framer Motion の後継）を使って、React、Next.js、Svelte、Astro プロジェクト向けに 120fps の GPU アクセラレーションアニメーションを作成する。ユーザーがアニメーション、モーション、スクロールエフェクト、パララックス、ヒーローアニメーション、ジェスチャー、ドラッグ操作、スプリング物理、whileHover エフェクト、whileInView アニメーション、アニメーション UI、マイクロインタラクション、ページ遷移、レイアウトアニメーションを求めた場合に使用する。アクセシビリティ（prefers-reduced-motion）とパフォーマンス検証（≥60fps）を備えた本番用 TypeScript/JSX コードを生成する。エントランスアニメーション、ジェスチャー操作（hover/tap/drag）、スクロールベースの表示、スプリング物理と自然なタイミングによるレイアウト遷移に対応する。CSS のみのトランジション（ネイティブ CSS を使用）、JavaScript のない静的サイト、Vue のアニメーション（代わりに motion-v バリアントを使用）、SVG/Canvas の複雑なアニメーション（GSAP が適する）には使用しない。
Design Sprint の 2 日目（火曜日）の進行。ライトニングデモと 4 ステップの独立ソリューションスケッチプロトコル（Notes、Ideas、Crazy 8s、Solution Sketch）を組み立てます。各チームメンバーが個別にソリューションスケッチを 1 つ作成し、スキルは当日の進行を調整しますが、スケッチ自体は作成しません。月曜日のターゲットモーメントが確定した後の火曜日朝に使用します。出力はライトニングデモボード、スケッチの割り当て、そして水曜日のヒートマップ素材となる独立スケッチ群です。
プロダクション向けの入力可能 PDF フォーム（申請書、届出書、受付パック、コンプライアンスワークシート）の設計図を、明快な項目一覧、セクションの流れ、印刷に強い階層構造としてレイアウト前に作成します。入力可能 PDF、PDF フォーム、AcroForm 形式の文書、インタラクティブな申請パックの作成依頼時に使用します。K2F フォーマットとエンジンにより、AI ネイティブな設計と最高の美的基準で入力可能 PDF を作成します。AI エージェント向けに最適化されており、レイアウト、組版、書式付けの複雑性は自動処理されるため、意味内容と設計意図に集中できます。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。