Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Efecto で Web ページやアプリの UI をデザインします。セッションの作成、JSX と Tailwind CSS によるレイアウト構築、アートボードの管理、MCP ツールを通じたリアルタイムの変更反映が可能です。「ページをデザインして」「ランディングページを作って」「サイトを立ち上げて」「ダッシュボードをデザインして」「UI を作って」など、ビジュアルデザインを求める_arbitrary…_task_ascar_any_visual_design_task_ascar ときに使用します。Efecto MCP サーバーが必要です。
ユーザーがあらゆるマーケティングページ（ホームページ、ランディングページ、料金ページ、機能ページ、ブログ記事など）のコンバージョンを最適化・改善・向上させたいときに使用します。ユーザーが「CRO」「コンバージョン率の最適化」「このページはコンバージョンしていない」「コンバージョンを改善して」「なぜこのページが機能しないのか」と言及した場合にも使用します。サインアップ／登録フローについては signup-flow-cro を、サインアップ後のアクティベーションについては onboarding-cro を、登録以外のフォームについては form-cro を、ポップアップ／モーダルについては popup-cro を参照してください。
明細項目、単価、客户情報、税務ルール、支払条件から支払可能な請求書を作成します。合計金額が一致し、AP（Accounts Payable）部門が往復沟通なしで支払えるよう構造化されています。ユーザーが請求書、請求伝票、Receivable|Pro forma invoice、ブランド入りの請求書 PDF を求めたときに使用します。K2F フォーマットとエンジンをTeaiffer、AI ネイティブなデザインと最高水準の美学で請求書を作成します。AI エージェント向けに特化しており、レイアウト、タイポグラフィ、書式設定の複雑さを自動的に処理books、エージェントは意味的な内容とデザインの意図に集中できます。
会場メモ、菜品リスト、ブランドの手掛かりを、明快なカテゴリ、一貫した品目の構成、環境に合ったビジュアル意図を持つ易于浏览の飲食メニューに変換します。宣伝チラシ、レシピ本、Web サイトのサイトマップではありません。レストラン、カフェ、バー・ワインリスト、ケータリングシート、客室サービスカード、テイスティングメニューなど、ホスピタリティ向けの印刷物や PDF に使う季節限定挿入ページの作成に使います。K2F のフォーマットとエンジンに支えられ、AI ネイティブなデザインと最高水準の美的 MQTT 创下メニューを作成します。K2F は AI エージェント向けに設計されており、エージェントがセマンティックコンテンツとデザインの意図に集中できる一方、レイアウト、組版、フォーマットの複雑さは自動処理されます。
React Joyride v3 のガイドツアーの実装、設定、デバッグに関するガイドです。ユーザーが joyride、ガイドツアー、オンボーディングツアー、ウォークスルー、ツールチップツアー、ステップバイステップガイド、製品ツアーを言及した場合、または UI 要素を順番に強調表示したい場合に使用します。また、ツールチップが表示されない、ターゲットが見つからない、制御モードの問題など、ツアーのトラブルシューティングにも使用します。このスキルは useJoyride フック、Joyride コンポーネント、ステップの設定、イベント、コントロール、カスタムコンポーネント、スタイルを扱います。
ユーザーが X6 v3 のグラフエディターの図の作成・カスタマイズ・トラブルシューティングlection.href をご希望のときは常にこのスキルを使用します。トリガー: 「X6」「antv x6」「@antv/x6」「X6 editor」「X6 图编辑」「流程図」「DAG」「ER図」「実体関係図」「血縁図」「組織図」「UML クラス図」「flowchart」「DAG diagram」「ER diagram」「lineage graph」「org chart」「network topology」「stencil」「ドラッグ＆ドロップエディター」「ポート接続」「ノードポートエッジ」「graph editor」「diagram editor」のいずれかの言及や、X6 のノード/エッジのスタイル、プラグイン (Selection、History、Clipboard、Keyboard、MiniMap、Scroller、Snapline、Stencil、Dnd、Transform、Export)、インタラクション (パン、マウスホイール、接続、埋め込み)、HTML シェイプノード、カスタムシェイプ、シリアライズ、レイアウトに関するリクエスト。X6 の描画エラー、v2→v3 への移行、エディターの操作性の問題のデバッグにも使用。G2 の統計チャート、G6 のネットワークグラフ、S2 のピボットテーブルには使用しないでください。
キャンペーン、写真、イラストレーション、ビデオ、ブランド体験の視覚的・創造的なディレクションを行います。フォトグラファーへのwjedd説明、イラストレーターへのディレクション、クリエイティブキャンペーンの企画、視覚コンセプトの開発、クリエイティブワークの適性の評価など、ユーザーが求める場合に使用します。トリガー: art direction、photo brief、photography brief、illustration brief、campaign concept、creative concept、visual direction、mood board、look and feel、visual treatment、video direction。ブランドアイデンティティが承認済みで、具体的なクリエイティブ成果物へ拡張する必要がある場合にもトリガーします。プロジェクト全体のpolate—— プロジェクト全体、妻wholeBrief を求める場合は、このスキルがその入力として使うので `creative-direction` を使ってください。
プラットフォーム固有の設計のための Apple Human Interface Guidelines。ユーザーが「iOS 向けのデザイン」「iPad アプリ 디자인」「macOS デザイン」「tvOS」「visionOS」「watchOS」「Apple プラットフォーム」「どちらのプラットフォームを選ぶべきか」「プラットフォームの違い」「プラットフォーム固有の慣習」「マルチプラットフォームのアプリデザイン」について尋ねたときにこのスキルを使ってください。「iPad と iPhone で设计上変えるべきか」「私のアプリは visionOS でどう動くのか」「macOS アプリは何が違うのか」「アプリを別のプラットフォームに移植したい」「ユニバーサルアプリデザイン」「このプラットフォームはどの入力方法を使うのかEndpointsれたときにも使用します。関連スキル：共有の設計基礎は hig-foundations、インタラクションパターンは hig-patterns、ナビゲーション構造は hig-components-layout、コンテンツ表示は hig-components-content。
メモ、仕様、リリース詳細を 1 ページのブリーフにまとめ、利害関係者を一つのストーリー —— 問題、解決策、根拠、スコープ、または変更ログ —— について合意させる。デッキ、フライヤー、複数ページの PRD は作らない。ユーザーが one-pager、プロダクトブリーフ、エグゼクティブサマリページ、ソリューション概要、イニシアチブブリーフ、印刷可能な 1 ページ仕様を求めたときに使う。K2F 形式とエンジンにより、AI ネイティブ デザインと最高水準の美的品質で 1 ページ資料を生成する。AI エージェント専用で、意味的な内容と設計意図に集中させつつ、レイアウト、タイポグラフィ、書式の複雑さは自動的に処理する。
参照画像、スクリーンショット、ムードボード、スタイルフレーム、ブランドボード、映画のスチル、プロダクトのインターフェース画像、または公開サイトの URL から、プロダクション向けのデザインシステム、デザイントークン、アートディレクション、モーションルール、YAML のスタイル仕様へ変換する必要がある場合に使用します。視覚的な参照を、段階的な信頼度とエビデンスの境界、およびライブの Google Fonts カタログから低使用頻度順に抽出した書体を用いた決定論的な YAML 契約へとリバースエンジニアリングすることを含みます。画像の生成や、まず参照を読み解く必要のない一般的なフロントエンド開発には向いていません。
確定済みスケジュール、ソーシャル発信の判断、スポンサー一覧を、参加者に向けのプログラムへ変換します。ポスター、招待状、スライドデッキではなく、時間を主軸とする導線と公開可能なソーシャルコピーを提供します。カンファレンスプログラム、フェスティバルブックレット、ガラの進行表、公演のプログラム表、多日間のバッジ-holder アジェンダを求められた時に使用します。K2F フォーマットとエンジンにより、AI ネイティブhighest な교회…AI ネイティブデザインと最高の美感基準でイベントプログラムを作成。AI エージェント向けに特化しており、意味内容とデザイン意図に集中 Meanwhile に、レイアウト、タイポグラフィ、書式の複雑さは自動で処理されます
Syncfusion React のボタンコンポーネント（Button、ButtonGroup、DropDownButton、Floating Action Button、ProgressButton、SplitButton、Speed Dial、Switch、RadioButton、Chips）を実装するための包括的なガイドです。React アプリケーションに、スタイル付きボタン、トグル動作、アイコン対応、グループ選択、ドロップダウンアクションメニュー、フローティングプライマリアクションのプログラム制御、展開可能な Speed Dial メニュー、アバターとドラッグ＆ドロップを備えたコンパクトなインタラクティブ要素、単一/複数選択機能を追加する際に使用してください。
1 つの引用、フレーズ、統計データをデザインされたタイポグラフィグラフィックに仕上げる技術です。引用カード、プルクオート、画像上のテキスト、統計カード、タイポグラフィ投稿などが対象です。引用カード、テキストグラフィック、プルクオート、統計カード、または印象的な一文を共有可能な画像にしたい場合に使用します。デザインは印象的な一文を引き立てますが、一文そのものを生み出すことはできません。QUOTE フレームワークを使用します。まず brand-profile、design-and-templates、voice-builder を読み、hook-writer、storytelling、または data-and-original-research（統計データ）から文言を取得します。エージェントが文言を選び、カードの仕様を決定し、デザインツールがレンダリングし、人が承認した後、WoopSocial が画像を公開します（メディアは生成しません）。引用の捏造、実在の人物への架空の文言の帰属、文脈の削除は決して行いません。文言と出典を確認し、同意と肖像権も確認します。infographic-and-data-viz、design-and-templates、caption-writer、social-proof-and-testimonials とは別のものです。
Syncfusion React の入力コンポーネント（Uploader、NumericTextBox、TextBox、TextArea、CheckBox、OTP Input、Signature、RangeSlider、ColorPicker、MaskedTextBox、Rating）の実装に関する包括的なガイド。非同期・チャンクアップロードを備えたファイルアップロード UI、ドラッグ＆ドロップ、バリデーションとフォーマットを伴う数値入力、フローティングラベル付きテキスト入力、カスタム、修飾、フォーム統合、アクセシビリティへの準拠、React アプリでのスタイル付けを行うときに使用します。
Apple HIG による選択系・入力系コントロールのガイダンス。ピッカー、トグル、スライダー、ステッパー、セグメントコントロール、コンボボックス、テキストフィールド、テキストビュー、ラベル、トークンフィールド、仮想キーボード、評価インジケーター、ゲージなど対象。ユーザーが「ピッカーまたはセグメントコントロール」「フォームはどのような見た目にすべきか」「どのキーボードタイプを使うべきか」「トグルとチェックボックスの違い」と述べて%。此外、ピッカーの設計、トグル、スイッチ、スライダー、ステッパー、テキストフィールド、テキスト入力、セグメントコントロール、コンボボックス、ラベル、トークンフィールド、仮想キーボード、評価インジケーター、ゲージ、フォーム設計、入力検証、コントロールの状態管理について質問Granted場合に使用します。参照：hig-components-menus、hig-components-dialogs、hig-components-search。
Pinterest ピンのデザインスキル——pinterest-seo のキーワード層と組み合わせるビジュアル部分です。ピン、Pinterest ピン画像、ピン上のテキストオーバーレイ、既存 URL 向けの新しいピン案、ボードカバーをデザインしたい場合に使用します。2:3（1000x1500）の縦型ピンを設計し、仕様をまとめます。焦点は1つ、フィード上で読めるキーワードのテキストオーバーレイ、ブランドに一貫したテンプレート、安全領域、リンク先 URL ごとに見た目が明確に異なる新規デザインを3〜5点作成します。SAVED フレームワークを使用します。まず brand-profile、リンク先、pinterest-seo のキーワードを読み込みます。最終的なラスター画像は人間または画像／デザインツール（ideogram/canva/nano-banana/デザイナー）が作成し、WoopSocial は完成したピン画像、タイトル、説明、ボード、リンクを公開します。誤解を招くピンや、再ピンを新規として扱う重複は作らず、エンゲージメントを捏造しません。pinterest-seo（キーワード層。両者は連携）、pinterest-growth（戦略）、design-and-templates（テンプレートシステム）、ideogram/canva（この仕様に基づくラスター画像の生成）とは異なります。
Syncfusion React のドロップダウンコンポーネント実装に関する包括的なガイド。AutoComplete、ComboBox、DropDownList、ListBox、Mention、MultiSelect、MultiColumn ComboBox を扱います。React アプリで選択 UI、データバインディング、フィルタリング、カスケードドロップダウン、カスタムテンプレート、アクセシブルなドロップダウン体験を実装するときに使用します。
TikTok Photo Modeのフォーマット実行スキルです。「TikTok photo carousel」「photo mode」「TikTok slideshow」「swipeable TikTok post」を作りたい場合や、WoopSocial経由で複数画像のTikTok投稿（postType PHOTO）を公開したい場合に使用します。完了率を重視したTikTokネイティブのカルーセルを作成します。1枚目でフックを作り、クリフハンガーを使って段階的に内容を見せ、最後に報酬とCTAを1つ提示します。また、WoopSocial PHOTOの公開設定（プライバシー、コメント、音楽、正確な開示フラグ）を指定します。SWIPEフレームワークを使用します。まずbrand-profileとgoals-and-kpisを読みます。エージェントはスライド案、オーバーレイ文言、キャプション、設定を作成します。画像は人間または画像スキルが作成し、WoopSocialは作成しません。WoopSocialはネイティブPHOTO投稿を公開します。指標を捏造せず、photo modeをリーチ拡大の裏技として約束しません。tiktok-script（VIDEO）やcarousel-writer（クロスプラットフォーム向け文案）とは異なります
参照 Web アプリから UX パターンを網羅的に抽出します。すべての画面を巡回し、各状態のスクリーンショットを撮り、インタラクションパターン、文言の逐語記録、キーボードショートカット、レスポンシブ対応、モーション、空状態／エラー状態／ローディング状態を記録します。他の監査が比較できる再利用可能なパターンライブラリを生成します。ux-audit の逆で、「基準は何か」を問い、「基準に達しているか」ではない問いを立てます。「learn from X」「extract patterns from X」「study X's UX」「reverse engineer the UX of X」「build a pattern library from X」で起動します。
アラート、アクションシート、ポップオーバー、シート、数字入力ビューなど、提示系コンポーネントに関する Apple HIG のガイダンス。ユーザーが「アラートとシートのどちらを使うべき？」「確認ダイアログをどう見せる？」「ポップオーバーはいつ使う？」「モーダルがユーザーに annoy する）、「と述べる場合や、アラートの設計、アクションシート、ポップオーバー、シート、モーダル、ダイアログ、数字入力、確認ダイアログ、警告ダイアログ、モーダル提示、非モーダルコンテンツ、破壊的操作の確認、オーバーレイ UI パターンについて質問する場合に使用する。相互参照：hig-components-menus、hig-components-controls、hig-components-search、hig-patterns。
Apple Human Interface Guidelines に照らして iOS/macOS/watchOS/visionOS のインターフェースを監査・設計します。Liquid Glass デザイン言語（WWDC25 で発表、iOS 26/macOS Tahoe とともに 2025 年 9 月に提供）も含みます。Apple プラットフォームのモックアップやアプリが HIG に適合しているか確認する、コントラストやタップ領域のサイズを調べる、ネイティブらしい Apple UI を設計するといった场景でventures…
実データを、誠実で読みやすく共有しやすいインフォグラフィックやチャートに仕上げる制作スキルです。データの可視化、インフォグラフィックやチャートの作成、調査結果や統計のビジュアル化、分かりにくい・誤解を招くチャートの修正を希望する場合に使用します。優れたデータビジュアライゼーションは、1つの洞察を3秒で伝えます。CHART フレームワーク（チャート選択、見出しとなる要点、正確な尺度、要点への絞り込み、出典表示とアクセシビリティ）を使用します。最初に brand-profile と design-and-templates を読み込み、data-and-original-research / analytics-and-reporting から実データを取得します。エージェントが仕様を設計し、デザイン／チャートツールが描画し、人間が承認します。WoopSocial は画像を公開します（メディアの生成は行いません）。尺度を歪めたり、データや出典を捏造したりしてはいけません。出典と日付を記載し、アクセシビリティを確保します。design-and-templates（ブランドデザイン）、quote-cards-and-text-graphics（単一の引用／数値）、data-and-original-research（データの作成元）、analytics-and-reporting とは異なります。
@syncfusion/ej2-react-charts パッケージから Syncfusion React 3D Chart コンポーネントを実装します。3D カラーチャート、バーチャート、積み上げカラーチャート、積み上げバーチャート、100% 積み上げチャートなどのバリエーションが必要な場合に使用します。Chart3DComponent、軸設定（category、numeric、datetime、logarithmic）、データバインディング、複数ペイン、データラベル、レジェンド、ツールチップ、選択、印刷/エクスポート、テーマ、アクセシビリティを扱います。
AppBar コンポーネントでレスポンシブなナビゲーションヘッダーを作成します。ボタン、メニュー、アイコン、サイドバーを備えた上部・下部・スティッキーなアプリバーを構築できます。ナビゲーション要素、ツールバー、アクションバー、動的コンテンツレイアウトを持つレスポンシブヘッダーの構築時に使用します。カラーモード（Light、Dark、Primary、Inherit）、サイズモード（Regular、Prominent、Dense）、スペーシング、セパレーター、完全なアクセシビリティサポートを備えています。
ランディングページ、ダッシュボード、マーケティングサイト、ウェブアプリ、React/Vueコンポーネント、HTML/CSSレイアウト、アーティファクト、ポスターなど、あらゆるウェブインターフェースの構築やスタイル変更に使用します。UIをより見栄えよく、洗練された、個性的な、ありきたりでない、または「AI生成」らしさの少ないものにしたい場合にも使用します。実装前にデザインブリーフ、アートディレクション、ビジュアルアイデンティティ、文字サイズのスケール、カラーシステムが必要な場合にも使用します。
メニューとボタンのコンポーネントに関する Apple HIG のガイダンス。メニュー、コンテキストメニュー、Dock メニュー、編集メニュー、メニューバー、ツールバー、アクションボタン、ポップアップボタン、プルダウンボタン、ディスクロージャコントロール、標準ボタンを対象とします。ユーザーが「ボタンはどう見えるべき？」「メニューバーには何を入れる？」「コンテキストメニューとアクションシートのどちらを使う？」「ツールバーはどう設計する？」と聞いた場合や、ボタンデザイン、メニューデザイン、コンテキストメニュー、ツールバー、メニューバー、アクションボタン、ポップアップボタン、プルダウンボタン、ディスクロージャコントロール、Dock メニュー、編集メニュー、メニュー/ボタンのコンポーネントのレイアウトと挙動について質問した場合に使用します。相互参照: hig-components-search、hig-components-controls、hig-components-dialogs。
nano-banana CLI を使って AI 画像を生成します（既定は Gemini 3.1 Flash、Pro も選択可能）。マルチ解像度（512-4K）、アスペクト比、スタイル変換用の参照画像、透明アセットのための greenscreen ワークフロー、コスト追跡、正確な寸法制御に対応。「画像を生成して」「スプライトを作成して」「アセットを作って」「アートワークを生成して」、あるいは UI モックアップ、ゲームアセット、動画、マーケティング素材のための画像生成タスクのときに使用します。
Syncfusion React の Notification コンポーネント（Badge、Message、Skeleton、Toast、Spinner）の実装に関する完全なガイド。カラーバリアントとシェイプを持つステータスインジケーターやバッジの適用、情報・成功・警告・エラーメッセージの表示、重大度レベルと表示バリアント（Text、Outlined、Filled）の設定、メッセージの閉じる処理、Toast の位置指定・テンプレート・アニメーション、シェイマーアニメーション（Wave、Pulse、Fade）とシェイプ（Circle、Rectangle、Text）を備えたスケルトンローディングプレースホルダーの表示、通知の外観とアクセシビリティのカスタマイズに使用します。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。