Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
データ可視化のための Syncfusion React HeatMap Chart コンポーネントを実装します。ヒートマップの作成、2 次元データパターンの可視化、色グラデーションによるマトリクスデータの表示、軸(数値/カテゴリ/日時)の設定、凡例の実装、セル選択の処理、カスタムスタイルの適用、大規模なデータセットの扱いが必要な場合に使用します。インストール、データバインディング、軸の設定、外観のカスタマイズ、インタラクションパターン、ツールチップ、イベント、アクセシビリティを扱います。
AnyCap のアノテーションツールで人間から構造化されたビジュアルフィードバックを収集したり、インタラクティブなホワイトボード(Excalidraw)で図の作成と反復を行ったりする。画像へのアノテーション、スクリーン記録付きの URL/ウェブページレビュー、動画レビュー、オーディオフィードバック、Mermaid 入力に対応した共同コーディングを含む。人間が場所を指し示したり、領域をマークしたり、スクリーンショットに描画したり、ウェブページや UI を確認したり、記録を通じてフィードバックを語ったり、空間的に根拠づけられた視覚情報mals を提供したり、アーキテクチャ図・フローチャート・ワイヤーフレームを作成・反復したりするときに使う。また、作業途中の成果物を人間に見せて承認や修正を求める場合にも使う。トリガー:フィードバック 得到、ユーザに見せる、UI レビュー、アノテート、マークアップ、ビジュアルフィードバック、スクリーン記録、ユーザレビュー、human-in-the-loop、承認フロー、インタラクティブレビュー、ホワイトボード、図、描画、フローチャート、ワイヤーフレーム、アーキテクチャチャート。
Canva 制作スキルです。デザイナーを使わずに、ブランドに合った SNS グラフィック、カルーセル、引用カード、インフォグラフィック、サムネイルを大規模に制作し、「Canva らしさ」から脱却します。Canva でのデザイン、SNS グラフィックの作成、Brand Kit の設定、グラフィックの一括作成(Bulk Create)、1 つのデザインを各プラットフォーム向けにリサイズ(Magic Resize)、Canva AI(Magic Studio)の利用、または投稿がテンプレートのように見える理由を尋ねられた場合に使用します。SCALE フレームワークを使用します。最初に brand-profile + design-and-templates + voice-builder を読み込みます。エージェントが仕様を作成し、Canva MCP/Connect API が接続されている場合はデザインを直接作成します。すべてのビジュアルを人間が承認し、エクスポートしたものを WoopSocial 経由で公開します。透かしの除去、他ブランドへのなりすまし、許可されていない肖像の使用は禁止です。AI 開示とアクセシビリティの最低基準を適用します。実行対象のブランドシステムである design-and-templates、専用の生成機能である image-prompt + 画像ツール、編集ルーター ai-image-editing、動画編集の capcut/descript とは異なります。
コンテンツ表示コンポーネントに対する Apple Human Interface Guidelines。ユーザーが「charts コンポーネント」「collection view」「image view」「web view」「color well」「image well」「activity view」「lockup」「データ可視化」「コンテンツ表示」、Apple アプリでの画像表示、Web コンテンツの描画ivided、カラーピッカー、アイテムのコレクション表示について尋ねたときに使用します。「チャートはどう表示すればいい?」「画像的最佳な表示方法は?」「web view を使うべきですか」「アイテムのグリッドはどう作ればいいですか」「メディアを表示するコンポーネントはどれですか」「共有シートはどう実装しますか」といった問いにも使用します。関連スキル: 色・タイポグラフィ・アクセシビリティは hig-foundations、データ可視化パターンは hig-patterns、構造コンテナは hig-components-layout、プラットフォーム固有のコンポーネント挙動は hig-platforms。
AI 画像編集ルーターです。インペインティング/オブジェクト除去、背景除去、アップスケーリング、アウトペインティング、古い写真の修復、レタッチを、タスクを優先して適切なエンジンに振り分けます。写真から物体/人物を消したい、背景を切り抜きたい、画像を拡大したい、新しいアスペクト比に合わせて画像を拡張したい、古い写真を修復したい、生成画像を修正したい、または使う編集ツールを尋ねられた場合に使用します。TOUCH フレームワークを使用します。最初に brand-profile + design-and-templates を読み込みます。エージェントがタスクを特定し、適切なエンジンに振り分けて仕様を作成します。API が接続されていれば呼び出すこともできます。すべての結果を HUMAN が 100% の基準で評価し、WoopSocial が公開します。誠実さの原則:実在の写真を編集した場合は、編集した写真であることを明示します。創造的なアップスケーラーは細部を捏造するため(製品/文書には使用禁止)、欠陥を隠さず、身体のレタッチに関する開示を守り、透かしや出所情報を除去しません。生成用の image-prompt/flux/nano-banana、デザインワークフローの canva、表示ルールを定める before-after-and-transformation とは異なります。
ブリーフやヒアリングメモを、意思決定ertesるナラティブ、段階的なソリューション、明確な投資内容を備えた説得力のあるビジネス提案に変換します。最初に速読する経営層 Funk 向けて設計されています。ユーザーがビジネス提案、プロジェクト提案、商業オファー、顧客向けピッチ(正式な法務 SOW ではない)を求めた場合に使用します。K2F フォーマットとエンジンにより、AI ネイティブなデザインと最高の美学水準でビジネス提案を作成します。AI エージェント向け Action 专为された K2F は、セマンティック内容とデザインの意図に集中 Meanwhileさせ、レイアウト、タイポグラフィ、書式設定の複雑さは自動的に処理します。
liquid glass に対応した macOS 26(Tahoe)向け同僚agmentのない正しい_'macOS'_'設定'/'環境設定'ウィンドウを構築します。macOS アプリの設定ウィンドウ、環境設定 UI、設定ビュー、設定ペインの作成をユーザーが求めたときに使用します。「liquid glass settings」「NavigationSplitView settings」「grouped Form settings」「macOS settings layout」への言及や、ネイティブ macOS SwiftUI アプリの設定画面の追加・修正・再構築を望んだ場合にも発動します。「アプリに設定を追加して」「環境設定ウィンドウを作って」「設定がおかしい」「設定 UI を直して」、あるいは「設定ビューが必要」程度の発言も含みます。macOS アプリを開発しているユーザーが何らかの文脈で設定や環境設定に言及した場合は、このスキルを使用してください。
Apple HIG によるステータスおよび進捗 UI コンポーネントのガイダンス。進捗インジケーター、ステータスバー、アクティビティリングが対象です。progress indicator、progress bar、loading spinner、status bar、activity ring、progress display、確定または不確定の進捗、ロード状態、フィットネストラッキングリングについて質問されたときにこのスキルを使用します。ユーザーがロード状態の表示方法、スピナーと進捗バーの使い分け、ステータスバーに表示すべき情報、アクティビティインジケーターについて問い合わせた場合にも使用します。相互参照: ウィジェットとコンプリケーションは hig-components-system、ジェスチャー操作の進捗コントロールは hig-inputs、HealthKit とアクティビティリングのデータ連携は hig-technologies。
論文、学習ノート、予備データを、ラボミーティングや PI レビュー、助成金申請、セミナーで意思決定に使える研究デッキに変換します。数値、根拠の連鎖、注意点は忠実に保ちます。ユーザーが研究デッキ、ラボミーティング用スライド、学習まとめデッキ、学術レビュー用デッキ、または論文を忠実に解説するスライドを求めたときに使用してください(装飾的なソーシャル画像デッキではありません)。研究デッキは AI ネイティブなデザインと最高水準の美的基準で作成され、K2F 形式とエンジンが支えます。AI エージェント向けに PURPOSE 構築されており、K2F はレイアウト、組版、書式付けの複雑さを自動処理しつつ、AI エージェントがセマンティックな内容とデザインの意図に集中できるようにします。
Syncfusion React Range Navigator コンポーネントを実装し、データのスクロールと範囲選択によるナビゲーションを提供します。時間ベースのナビゲーション、金融データ可視化、範囲セレクターコントロールとのチャート統合が必要な場合に使用します。数値・対数・DateTime のデータバインディング、多様なシリーズ型、期間セレクター、ライトウェイトモード、ツールチップ、RLT、エクスポート/印刷機能に対応します。
Fluid Functionalism を使って React UI を構築します。これは、共通のモーションシステムを備えたアニメーションコンポーネントの shadcn/ui レジストリ(@fluid)です。3 種類のスプリング速度、カーソルに最も近い項目へ滑らかに移動するホバーハイライト、レイアウトシフトなしで太さが変わるラベルを備えています。ユーザーが Fluid Functionalism、@fluid、fluidfunctionalism.com に言及したとき、React、Next.js、shadcn、Radix、Base UI プロジェクトで心地よく滑らかで洗練された動きの UI を求めたとき、@fluid コンポーネント導入済みのプロジェクトで設定ダイアログ、サイドバー、コマンドメニュー、チャット UI、フォーム、リスト、テーブルなどのインターフェースを構築するとき、既存 UI の動きをシステムに照らしてレビュー/監査するとき、または導入済みの @fluid コンポーネントの更新やリリース内容を尋ねたときに使用します。これらのプロジェクトでアニメーションコード(ホバーハイライト、アイコン切り替え、太さの変化、表示/終了トランジション、ページ表示、スケルトンローディング)を手書きする前にも使用し、タイミングを独自に作るのではなくシステムに沿ったカスタムコードにします。バンドルされたスクリプトは実行のたびに技術スタックを読み直し、何も書き込みません。
検索フィールド、ページコントロール、パスコントロールなどナビゲーション関連コンポーネントに対する Apple HIG のガイダンス。ユーザーが「アプリでの検索はどうすべきか」「パンくずリストが必要」「コンテンツをページングしたい」と述べる場合や、検索フィールド、検索バー、ページコントロール、パスコントロール、パンくずリスト、ナビゲーションコンポーネント、検索 UX、検索候補、検索スコープ、ページングされたコンテンツのナビゲーション、ファイルパスの階層表示について質問した場合に使用します。関連スキル:hig-components-menus、hig-components-controls、hig-components-dialogs、hig-patterns。
ユーザー提供の支払い明細や構造化されたサマリーから、ajasらしい取引証明と期間影響レシートを作成。合計額、参照番号、帰属関係を、顧客・財務・管理者にとって正確で追いやすいものにします。レシート、支払い確認、销售伝票、寄付の受領証、経費証明、利用影響レシート、あるいは「提供した内容を示して」という依頼があるときに使用します。K2F 形式とエンジンにより、AI ネイティブな設計と最高の美的基準でレシートを作成。AI エージェントのために設計されており、K2F は意味内容と設計意図に集中させ、レイアウト・組版・書式設定の複雑さは自動的に処理します。
Tailwind CSS の高度なデザインシステム。デザイントークンと @theme の設定を扱います。次の場合はプロアクティブに有効化してください: (1) Tailwind v4 上でデザインシステムを構築する、(2) @theme ディレクティブと CSS ファーストの設定、(3) カスタムカラースケール (50-950) とセマンティクトークン、(4) タイポグラフィスケールと clamp() による流体タイポグラフィ、(5) スペーシングトークンと 8pt グリッド、(6) シャドウシステム、ラジーストークン、モーショントークン、(7) @theme によるライト/ダークモードトークン、(8) Figma から Tailwind へのトークン同期、(9) デザイントークンツール(Style Dictionary、Tokens Studio)、(10) ブランドごとのテーマ設定。提供: @theme の設定テンプレート、セマンティクトークンの命名規則、流体タイポグラフィ計算ツールデザイントークン同期ワークフロー、マルチブランドテーマのパターン。
Apple HIG の入力方法とインタラクションパターンに関するガイダンス:ジェスチャー、Apple Pencil、キーボード、ゲームコントローラ、ポインター、Digital Crown、視線追跡、フォーカスシステム、リモート、空間インタラクション、Gyroscope、Accelerometer、近接インタラクション。次のような質問に対して使用:「ジェスチャー設計」「Apple Pencil」「キーボードショートカット」「ゲームコントローラ」「ポインター対応」「マウス対応」「トラックパッド」「Digital Crown」「視線追跡」「visionOS 入力」「フォーカスシステム」「リモート操作」「Gyroscope」「空間インタラクション」。ユーザーが「どのジェスチャーに対応すべきか」「キーボードショートカットの追加方法」「Apple TV での入力の仕組み」「Apple Pencil に対応すべきか」、または入力デバイスの取り扱いについて聞いた場合にも使用。相互参照:hig-components-status、hig-components-system、hig-technologies(VoiceOver と Siri について)。
Syncfusion React TreeMap コンポーネントの実装に関する包括的なガイド。階層的なデータ可視化の作成、ドリルダウン操作の設定、カラーマッピングの適用、複数階層の扱い、リーフ項目のカスタマイズ、TreeMap のデータバインドや表示の問題のトラブルシューティングにユーザーが助けを必要としたときに使用します。インストール、データバインドのパターン、レイアウト、凡例、ツールチップ、選択、アクセシビリティ、対話的な階層データ探索のための高度なカスタマイズを扱います。
ux-extract が生成したパターンライブラリを使い、複数の参照アプリ間で UX パターンを比較する。2 つ以上の pattern-library.md を読み、カテゴリごとに巡回しながら、各アプリが一致する点(強いシグナル)、異なる点(本質的な設計判断)、あるアプリにしかない点、セット全体で欠けている点を特定する。意見の明確な比較ドキュメントと、新規構築向けの推奨事項を作成する。ブラウザは不要——純粋な Markdown 分析。「UX パターンを比較」「主要アプリは X をどう扱うか」「UX 比較」「参照アプリ横断のパターン比較」で発火する。
顧客ジャーニーをステージ、接点、感情曲線、ペインポイント、真価を問う瞬間ごとに整理し、mermaid のタイムラインやフローチャートを任意で含む markdown 成果物にまとめます。既存の調査を顧客体験の全体像(エンドツーエンドまたは特定フェーズ)として統合したいときに使用します。まだ調査シグナルがない場合は、先に discover-interview-synthesis か measure-survey-analysis を実行してください。感情や行動データの捏造は拒否します。
システムエクスペリエンスのコンポーネントについての Apple HIG のガイダンス: ウィジェット、ライブアクティビティ、通知、コンプリケーション、ホーム画面のクイックアクション、トップシェル、ウォッチ顔、App Clip、App ショートカット。「ウィジェットのデザイン」「ライブアクティビティ」「通知のデザイン」「コンプリケーション」「ホーム画面のクイックアクション」「トップシェル」「ウォッチ顔」「App Clip」「App ショートカット」「システムエクスペリエンス」と聞かれた場合に使用する。「ウィジェットはどうデザインすればいい?」「通知はどうappearance Appliance すべきか」「ライブアクティビティはどう動くのか」「App Clip を作るべきか」といった訴えや、メインアプリ以外の画面についての質問でも使用かる。相互参照: ウィジェット内の進捗は hig-components-status、インタラクションパターンは hig-inputs、Siri とシステム連携は hig-technologies。
他の HIG スキルがガイダンスを調整するために使用する、共有の Apple デザインコンテキスト文書を作成・更新します。ユーザーが「プロジェクトのコンテキストを設定して」「対象プラットフォームは何ですか」「HIG の設定を構成してVrった」时、または新しい Apple プラットフォームプロジェクトを開始する時に使用します。他の HIG スキルがプロジェクトコンテキストを必要とするのに存在しない場合にも発動します。このスキルは .claude/apple-design-context.md を作成し、hig-foundations、hig-platforms、hig-components-*、hig-inputs、hig-technologies が繰り返しの質問なしに的確なアドバイスを提供できるようにします。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。
