Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,501 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
林月半子(LQ)の技術長文に対して、挿絵の位置を自動的に識別し、16:9 のコンセプト図/フローチャート/比較図/アーキテクチャ図を生成する。7 つのスタイルに対応:手描き方眼ノート風(notebook)、プロ向けフラットインフォグラフィック(infographic)、モダンでハイエンドなテックビジネス風(executive-tech)、温かみのある手描きカード風(cozy-handdrawn)、技術的なシンプルスケッチ風(tech-doodle)、カートゥーンインフォグラフィック風(cartoon-infographic)、ホワイトボード手描き風(whiteboard-sketch)。すでに書き上げた記事に挿絵を付けたい、図を追加したい、レイアウトを最適化したい、長文を単調にしたくないときに使用する。トリガーワード:加插图、配图、加几张图、让文章更生动、排版优化、文章太单调了、给文章画几张手绘图、手绘示意图、信息图、商务风配图、科技商务风。このスキルの核心的価値は「記事内のどの段落に挿絵を付ける価値があるかを知的に識別する」ことにあり、抽象的な概念、プロセスの循環、比較と分類、アーキテクチャ構成要素という 4 つのカテゴリを優先し、すべての段落に機械的に図を付けることはしない。MuleRun Nano Banana 2 Generation API で生成し、--style でさまざまなビジュアルスタイルを切り替えられる。カバー画像(カバー skill を使用)、スクリーンショットの代替、純粋なコードの表示、ミーム生成には使用しない。
ユーザーがサインアップ後のオンボーディング、ユーザーアクティベーション、初回体験、または time-to-value を最適化したいときに使用。また、ユーザーが「onboarding flow」「activation rate」「user activation」「first-run experience」「empty states」「onboarding checklist」「aha moment」「new user experience」「users aren't activating」「nobody completes setup」「low activation rate」「users sign up but don't use the product」「time to value」「first session experience」と言及したときにも使用。ユーザーがサインアップしても定着しないときは常にこれを使用。継続的なメールシーケンスについては emails を参照。
装飾ではなく理解される UI アイコンを選び設計する——普遍的なメタファー、一貫した単一のスタイル、意味が明白でない箇所でのテキスト/アクセシブルラベル、小さいサイズでも判読できること、十分なタッチターゲット。曖昧なアイコンのみのボタンや混在したアイコンスタイルを体系で置き換える。アイコンの追加や選定、アイコンセットの設計、塗りか線かの決定、アイコンへのラベル付け、一貫性がない曖昧なアイコノグラフィの修正、システムライブラリ（SF Symbols/Material）とカスタムアイコンの選択を求められたときにトリガーする。
ブランドのビジュアルアイデンティティ要素（ロゴコンセプト、アイコンセット、シームレスパターン、ブランドイラスト、テクスチャ）を生成可能なプロンプト仕様として作成し、自動化が設定されていれば FAL.ai の fal-ai/nano-banana-pro で生成する。ユーザーが「design a logo」「I need icons」「brand pattern / texture」「brand illustrations」「visual identity elements」「make my brand assets」と言ったときに使用。素材ごとに 1 つのプロンプト仕様ブロック（素材タイプ、スタイル、16 進数を含むパレット、構図、ネガティブ制約）、ユーザー選択用のバリアント案、ファイル命名規則、承認された各素材のブランドガイドライン項目を作成し、FAL_API_KEY が設定されていれば docs/creative_cli.py brand を実行する。
React のマーケティングページやランディングページに CodedVisuals のビジュアルコンポジションを追加する。プロジェクトにアニメーション化されたコードビジュアル（チャート、ヒーロー、bento、機能ブロック、ダッシュボード、チャット、コードエディタ、アバター、インテグレーションなど）を入れたい場合、セクションに合うビジュアルを選びたい場合、またはインストール、インポート、カスタマイズしたい場合に使用。これはエントリーポイントであり、各ビジュアルには visuals/{category}/{file}.md のリファレンスファイルもある。
UI 設計探索（開発パラダイム v1 ・UI のあるモジュール限定）。トリガー前に 2 つの厳格な条件が同時に成立している必要があります：①ユーザーに見えるインターフェースがある ②インターフェースがまだ存在しない。「要件の収束 → 技術調査 → ASCII で 5〜8 案を一括作成 → HTML デザイン稿 → 全状態の網羅 → 要件サマリ」を通じて、3 つの成果物を出力します：需求总结.md + {模块}-设计稿.html + {模块}-全状态设计参考.html を PRD 段階の入力とします。以下には適用しません：インターフェースのないフロー／アーキテクチャ／データ構造／インターフェース／ソリューションの設計——「設計」という言葉だけでは本 skill を意味しません（issue-pool で議論・分解）、コードで既に動作しているインターフェースのスタイル変更（ui-design を使用）、既成のデザイン稿やスクリーンショットの複製（design-replica を使用）、PRD 作成時に単一ストーリーのワイヤーフレームを添える（prd-test-writer を使用。ASCII ワイヤーフレーム機能を内蔵）、まだやるかどうか決めていない曖昧なアイデア（まず issue-pool でプール）、収束しない純粋な発散型の最終ビジョン（vision-exploration を使用）。
Creator Hub の 2D UI エディター（UI Designer）が完全に読み取り・編集できる React-ECS シーン UI を書く — ファイルレイアウト、state/props バインディングのサーフェス、useInteraction スタイル層、アクション、プラットフォーム別バリアント、アニメーション用の driver パターン。Creator Hub で編集可能な UI をユーザーが求めている場合、UI Designer 用の UI を生成したい場合、または既存のコード化された UI をエディターで開けるように改変したい場合に使用。エディターを必要としないコード化された UI には build-ui を使用。
Point を掲載した、パートナー、アフィリエイト、ブローカー、またはパブリッシャー提出のクリエイティブを、人間によるブランド、コンテンツ、コンプライアンスのレビュー前に、明白な一次チェック上のブランド、コピー、製品、開示、制作、カスタマージャーニーの問題についてレビューする。広告、タイル、スクリプト、メール、ランディングページ、ドキュメント、クリエイティブのバッチに使用し、最終的なコンプライアンス承認や新規キャンペーンの立案には使用しない。
Presenton で新しい PPTX、PDF、PNG ファイルを作成するためのスキル。ユーザーが PowerPoint、プレゼンテーション、スライドデック、ピッチデック、レポートデック、PDF、プレゼンテーション PDF、PNG スライド、スライド画像、エクスポートされたデックを求めたときはいつでも、Presenton に言及していなくてもこのスキルを使用する。ユーザーから具体的なデザインブリーフが提供された場合はそれを使用し、そうでなければ Presenton のデザインを検索し、ユーザー提供の画像をアップロードし、Presenton のアイコンを検索し、HTTPS のアセット URL を含む 1280x720 の HTML を生成し、要求された形式をエクスポートする — 指定がなければ 3 形式すべて — そしてダウンロード URL と共有可能なプレゼンプレビューのリンクを返す。
組み込みのアニメーションフレームワークを用いた Flutter アニメーションのベストプラクティス。暗黙的アニメーション、明示的な `AnimationController` アニメーション、ページ遷移、Material 3 のモーショントークンを扱う。アニメーション、遷移、モーション、アニメーション付きウィジェットを作成、変更、レビューする場合に使用する。また、`CustomTransitionPage`、`GoRouteData` サブクラスでの `buildPage` オーバーライド、`Hero` 遷移で構築するカスタムルート遷移にも使用する。ルート間のモーションは周囲のコードが `go_router` であってもアニメーション作業だからである。
ブランドのスティンガーを対でデザインします - 3〜5 秒のイントロ（ロゴの瞬間とタイトル用のスペース）と、視覚的に揃えたアウトロ（CTA カード）- チームが制作するすべての動画が同じように始まり、終わるようにします。使用場面：ユーザーが "make us a branded intro"、"intro and outro for our videos"、"logo sting"、"opening and closing bumpers"、"end card with our CTA" と言った場合、または動画ライブラリ向けに一貫したブランドらしいオープニングとクロージングを求める場合。
エージェントがページ、コンポーネント、レイアウト、セクション、フォーム、ナビゲーション、カード、テーブル、モーダルなどの Web UI を作成、編集、レビュー、デバッグする際は、常にこのスキルを使用してください。320px の小型スマートフォンから大型デスクトップまで、あらゆるデバイスに適したモバイル対応とレスポンシブ表示を実現し、横方向のはみ出しを防ぎ、単に「壊れていない」だけでなく、意図的に設計された見た目にします。また、視覚的一貫性も保ちます。新しい UI はプロジェクト内の既存の余白、書体、ブレークポイント、コンポーネントパターンに合わせ、後から追加されるコンポーネントとも調和させます。「レスポンシブにして」「モバイル対応」「スマートフォンで動作するように」「モバイルのレイアウトを修正して」「はみ出している」「小さい画面で崩れる」などの表現や、レスポンシブ動作が指定されていない Web UI の構築・スタイリング依頼がトリガーです。新しい Web マークアップを生成する際は、先回りして使用してください。
公開 V1 API を通じて PageCraft のブロックコレクションを管理する — コレクションの一覧表示/表示/作成/名前変更/削除、およびブロックでのコレクションの充填（追加、削除、並べ替え）。ユーザーが「создай коллекцию」「добавь блок в коллекцию」「убери блок из коллекции」「покажи коллекции」「что в коллекции」「переименуй коллекцию」「поменяй порядок блоков в коллекции」「удали коллекцию」と言ったときに使用する。`Read .../SKILL.md` ではなく `Skill(pagecraft-collections)` ツール経由で呼び出す。
インタラクティブな AI 支援インターフェースのための Syncfusion ASP.NET Core AI AssistView コントロールを実装する。ASP.NET Core アプリケーションで、AI アシスタント、プロンプト候補、カスタムビュー、ファイル添付、Markdown レスポンス、カスタマイズ可能なテンプレート、再生成可能なレスポンス、思考機能（チェーン・オブ・ソート）、生成 UI ブロック、テキスト読み上げ、音声入力によるテキスト化、高度な AI 会話 UI のカスタマイズを実装する場合にこのスキルを使用する。
Razor Pages または MVC アプリケーションでインタラクティブな図を構築するための Syncfusion ASP.NET Core Diagram コンポーネント（EJ2 タグヘルパー `ejs-diagram`）を実装する。組織図、フローチャート、BPMN プロセス図、UML 図、スイムレーン図を扱う場合にこのスキルを使用する。このスキルでは、ノードとコネクタの設定、レイアウトオプション、シェイプのスタイル設定、データバインディング、描画ツール、エクスポート／印刷機能、その他の図の機能を扱う。
Razor タグヘルパーを使用して Syncfusion ASP.NET Core Ribbon コントロールを実装する。ユーザーが Syncfusion ASP.NET Core Ribbon、`<ejs-ribbon>`、`<e-ribbon-tab>`、`<e-ribbon-group>`、Razor タグヘルパー、Ribbon の実装、タブ、グループ、項目、ファイルメニュー、backstage、レイアウト、イベント、ASP.NET Core Ribbon の設定に言及した場合にこのスキルを使用する。インストール、タグヘルパーの登録、コンポーネント構造、項目、イベント、テーマ、アクセシビリティ、高度なパターンを扱う。
Taruvi アプリでの Refine.dev フロントエンド作業：data/storage/app/user provider、authProvider、accessControlProvider の接続、Taruvi に対する Refine フック（CRUD、useCustom、useCan、useDataGrid、useForm）、リストページ・ダッシュボード・KPI カード・ファイルマネージャー・ネットワーク経由のオートコンプリートの構築、フロントエンドからの Taruvi 関数と分析の呼び出し、401/403・トークン更新・リダイレクトループ・権限失敗のデバッグ。トリガー：Taruvi プロジェクトでのあらゆる Refine/React 作業、"build a list page"、"add a dashboard"、"wire up auth"、"dataProvider"、"@taruvi/refine-providers"、`VITE_TARUVI_*`。バックエンドの Python、MCP プロビジョニング、スキーマ、ポリシー、生の SQL はスキップ——代わりに `taruvi-app-developer` を使用する。
uView Pro コンポーネントライブラリを TypeScript と Composition API を用いて UniAppX（uni-app-x）プロジェクトに統合する。easycom 設定、pages.json と manifest.json の設定、プラットフォーム固有の処理を含む。ユーザーが UniAppX プロジェクトに uView Pro コンポーネントを追加する必要がある場合、TypeScript の .uts 統合を設定する場合、またはクロスプラットフォームのスタイリングを処理する場合に使用する。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。