Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
画像ベースの PowerPoint デッキを作成します。(1) 必要に応じて、記事の原文やメモをスライドごとの詳細なメッセージプランにまとめます。(2) メッセージプランをスライド表示プランに変換し、さらにビジュアル制作プランを作成します。(3) 各スライドにつき 16:9 の画像を 1 枚生成し、表示するテキストをすべて画像に埋め込みます（デフォルトは英語。多言語のスライドテキストにも対応）。(4) 画像のみを全画面で連結した .pptx を作成します。拡張可能なスタイルパック（シネマティック・ダーク、シネマティック・ライト、シネマティック・エディトリアル、イラスト調シネマティック、アニメーション映画、エディトリアル、温かみのある牧歌調、テック、若者向けソーシャル、学術、企業、ホワイトボードスケッチ）による洗練された一貫性のあるビジュアルを求める場合、PPT オブジェクトを手作業でレイアウトしたくない場合、または繰り返し使えるプロンプトワークフローで継続的に改善したい場合に使用します。
Miaoda（Spark/Miaoda）のアプリ開発とホスティング：アプリ作成、ローカルでのフルスタック開発、クラウドでの生成と反復開発、クリエイティブデザイン（UI モックアップ/インタラクティブなプロトタイプ/ワイヤーフレーム/ランディングページ/ダッシュボード/スライドデッキ/ビジュアル探索）、AI 関連機能や Feishu プラットフォーム機能、その他の外部機能との連携、ログ/Trace/監視メトリクス/PV/UV の照会、環境変数の管理、アプリの共同作業者と権限設定、アプリのロールとメンバーの管理、自動化トリガー（スケジュール/レコード変更/Webhook/Feishu 承認）に対応します。システム、ツール、プラットフォーム、アプリの開発/新規作成、ローカルまたはクラウドでの開発、変更、デプロイ、公開、リリース、共有リンクの取得、HTML でのページ/ウェブサイト作成と Miaoda へのデプロイ、デザイン/モックアップ/プロトタイプ/ワイヤーフレーム/PPT/デッキ/ビジュアル探索、または Miaoda/Spark/Miaoda（*.aiforce.cloud 形式のアプリ実行時ドメイン）、アプリデータベース、アプリファイルストレージ、オープン API Key、公開範囲、アプリの共同作業者/開発権限、アプリのロール/ロールメンバー、本番ログ、API リクエスト数、エラー数、レイテンシ、アクセス数、環境変数、Miaoda アプリの自動化タスクやスケジュールトリガー、承認後の自動トリガーに関する場合に使用します。通常のクラウドドライブへのファイルアップロード（lark-drive）、Feishu ドキュメントの編集（lark-doc）、ネイティブスライドの作成（lark-slides）には対応しません。
`apps/ui` 内の Make App フロントエンド UI の設計、生成、変更、レビューに使用します。シェル、動的オブジェクトルート、デスクトップ／モバイルレイアウト、リスト、Drawer、タスクページ、新規／編集／詳細フォーム、セレクター、コンポーネントライブラリの選択、フィールドメタデータ、フィールドタイプのアイコン、UI 状態を扱います。新しいアプリでは `@qfei-design/make-app-mobile` と Lucide アイコンをデフォルトで使用しますが、ユーザーが別のアイコンライブラリを選んだ場合はそれに従います。React UI ライブラリもユーザーが選択します。レコードテーブルは `canvas-table-integration`、アクションは `make-app-actions`、フィルター／グループ化／並べ替えは各 Skills、権限は `make-app-permission` に振り分けます。AI助手、MakeAiTheme、maxDrawerWidth、assistant SSE のパッケージ動作には `make-ai-assistant` を使用し、この Skill は周辺の配置を担当します。認証、Service、ランタイム、DSL、永続化、CanvasTable の内部、AI アシスタントのパッケージ動作は担当しません。
SVGL (svgl.app) から公式ブランド、製品、ツールのロゴ（Stripe、GitHub、Notion、AWS、Figma など）を、クリーンな SVG として取得します。.svg ファイル、インラインマークアップ、インストール済みの React コンポーネントとして利用できます。ロゴや SVG に関する作業（連携先／パートナー一覧、フッター、料金表、スライドへのブランドロゴ追加、ぼやけたロゴのベクター化、ライト／ダーク版の取得、公式ロゴの検索など）では、このスキルを確認してください。SVG マークアップを自作したり、無作為にファイルを取得したりするより優先してください。一般的な UI アイコン、イラスト、チャート、既存ロゴを使ったファビコン、新しいカスタムロゴのデザインには使用しません。
Motion（Framer Motion）を使って React のアニメーションを構築します。ジェスチャー（ドラッグ、ホバー、タップ）、スクロール効果、バネ物理、レイアウトアニメーション、SVG に対応。バンドルサイズ: 2.3 KB（mini）から 34 KB（full）。使用場面: ドラッグ＆ドロップ、スクロールアニメーション、モーダル、カーセル、パララックス。トラブルシューティング: AnimatePresence の終了処理、リストのパフォーマンス、Tailwind との競合、Next.js の「use client」。
ユーザーがサインアップ、登録、アカウント作成、トライアル有効化のフローを最適化したいときに使用します。また、「signup conversions」「registration friction」「signup form optimization」「free trial signup」「reduce signup dropoff」「account creation flow，此外 ...」→ 「account creation flow rast ...」 clean: 「signup conversions」「registration friction」「signup form optimization」「free trial signup」「reduce signup dropoff」「account creation flowyoshi ...」 I'll write: ユーザーが「signup conversions」「registration friction」「signup form optimization」「free trial signup」「reduce signup dropoff」「account creation flowshaw ...」 Final: また「signup conversions」「registration friction」「signup form optimization」「free trial signup」「reduce signup dropoff」「account creation flow」に言及した場合も使用します。サインアップ後のオンボーディングについては onboarding-cro を参照。リード獲得フォーム（アカウント作成ではない）については form-cro を参照。
Wix CLI アプリケーション向けに、エディターマニフェスト付きの React サイトコンポーネントを構築する場合に使用します。トリガーには site component、editor manifest、custom component、visual customization、editor element、CSS properties、data API、site builder component、Wix Editor component などがあります。サイト所有者が Wix Editor のビジュアルインターフェースでカスタマイズできるコンポーネントを作成したい場合は、必ずこのスキルを使用してください。
React-ECS（JSX）を使って、Decentraland シーン向けの 2D スクリーンスペース UI（HUD、メニュー、ヘルスバー、ダイアログ、トースト、通知、ボタン、入力欄、ドロップダウン、スライダー）を構築します。通常は Creator Hub の 2D UI エディター（UI Designer）で読み込み・編集できる UI を作成します（src/ui/ 内に 1 ファイル 1 コンポーネント、state/props バインディング、useInteraction レイヤー、@ui-action ハンドラー、アニメーション用ドライバー）。エディターで扱うにはデータ駆動性や動的性が高すぎる UI に限り、自由形式の React-ECS コードを使用します。画面上の UI、メニュー、フォーム入力、Creator Hub で編集可能な UI、または既存のコード UI をエディター向けに調整する場合に使用します。3D 空間内のテキスト（advanced-rendering を参照）やクリック可能な 3D オブジェクト（add-interactivity を参照）には使用しないでください。
あらゆるビジネス（サービス企業、実物製品、食品ブランド、飲料ブランド）向けに、スクロール連動型のプレミアムなインタラクティブランディングページを構築します。スクロールがタイムラインになります。ホイール操作に合わせて動画がフレーム単位で再生され、セクションが固定されて進み、レールが横に移動し、見出しが行ごとに組み上がり、ページの背景色がスクロールに合わせて変化し、ポインターはスクロールとは別に要素を動かします。まずユーザーにインタビューし、雰囲気、歩み、一貫した世界観か個別のシーンか、既存素材を確認します。次にページの文法と独自の演出を選び、どの制作物も同じ構成にならないようにします。kie.ai でフォトリアルな素材を生成するか、ユーザー自身の映像や写真を使って制作し、デザインシステムを基盤にセマンティックな HTML を記述します。ページを実際にスクロールしたスクリーンショットを撮影して結果を検証します。「スクロールテリング」「スクロールアニメーションサイト」「スクロールすると動画が再生されるサイト」「Apple 風ランディングページ」「3D スクロールワールド」「インタラクティブなランディングページ」「ブランドをスクロール体験にする」「雰囲気を変える」「テンプレートのように見える」「独自のスクロールサイト」など、ドキュメントではなく体験として感じられるサイトの依頼に使用します
プロジェクトの統計、タイムライン、実績を紹介する Apple 風の弁当グリッド型プレゼンテーションカードを作成します。隙間のないグリッド、統計カード、ピル型タグ、棒グラフ、ダークな引用カードを備え、スクリーンショットへの書き出しに最適化された自己完結型 HTML ファイルを生成します。ライトテーマ（Apple のシグネチャーカラー #f5f5f7）とダークテーマ（#000）に対応します。統計カード、弁当グリッド、プロジェクト概要カード、ダッシュボードカード、Apple 風プレゼンテーションレイアウト、プロジェクト概要、実績紹介、数値やマイルストーンの視覚的な要約を作成する場合に使用します。すっきりした Apple の美学によるスライド、インフォグラフィック、ビジュアルレポートの作成にも使用します。
ユーザーがアプリ内ペイウォール、アップグレード画面、アップセルモーダル、機能ゲートを作成または最適化したい場合に使用します。「paywall」「upgrade screen」「upgrade modal」「upsell」「feature gate」「convert free to paid」「freemium conversion」「trial expiration screen」「limit reached screen」「plan upgrade prompt」「in-app pricing」への言及erview灵活性... 「in-app pricing」と言及した場合にも使用します。公開の料金ページ（page-cro を参照）とは異なります。本スキルは、ユーザーがすでに価値を実感した後のアプリ内アップグレードの場面に集中します。
定性・定量のユーザーリサーチをエンドツーエンドで支援します。ユーザーリサーチ、ユーザーインタビュー、ディスカッションガイド、インタビューガイド、調査計画、定性調査、定量調査、ユーザーアンケート、アンケート設計、ユーザビリティ調査、参加者募集、調査結果の統合、インタビュー記録、調査レポート、AI を使った調査、または Cookiy AI への明示的な言及があれば使用します。顧客と話したい、探索的調査を行いたい、調査やアンケートを作成したい、インタビューデータを分析したい、AI モデレーター付きインタビューを実施したい、またはアンケート回答を集めたい場合にも使用します。調査計画、ディスカッションガイドの作成、Cookiy による AI モデレーター付きインタビュー（実在または合成）、アンケートの設計と配布、結果のレポート化まで、全工程をカバーします。
複数ステップ、進捗インジケーター、条件ロジック、保存と再開の仕組みを備えたフォームを設計します。複雑な情報収集を、認知負荷に配慮しながら完了意欲を保てる段階に分割する方法論です。キッチンシンク型の単一ページ（開始前に圧倒してしまう）、進捗の見せかけ（実質的な段階分けのないステップ）、真に段階化された形式（各ステップに独立したページを設ける価値がある）というパターンを率直に扱います。マルチステップフォーム、複数ページフォーム、フォームウィザード、登録ウィザード、リード獲得フォーム、申請フォーム、受付フォーム、コンフィギュレーター、オンボーディングフォームに反応します。長いフォームのコンバージョンが低い場合、途中離脱が発生している場合、またはマルチステップフォームを初めて企画する場合にも反応します。
商品情報、パッケージと資格、対象プラットフォーム、ターゲット層、ビジュアル参考を、実行可能な EC ビジュアルプランにまとめます。コンバージョン戦略、Campaign Style Lock、メイン画像／詳細ページ／Listing／A+ Storyboard、画像内コピー、デザイン指示、画像生成 Prompt、根拠とコンプライアンスの審査が含まれます。淘宝、天猫、京东、拼多多、抖音小店、小红书、视频号／微信小店のほか、Amazon、Shopify、TikTok Shop、Temu、Shopee、Lazada に対応します。商品画像、詳細ページ、画像内コピー、デザイナー向け制作指示、越境商品のローカライズが必要な場合に使用します。短尺動画／ライブ配信の台本のみ、広告出稿や店舗運営の最適化、弁護士による最終的な法的判断（リスクスクリーニングは可能）には適しません。商品を自動で出品・公開することはありません。資格、データ、売上、レビュー、認証、効果を捏造してはなりません。最新のプラットフォーム規則や高リスクのコンプライアンス判断では、公式情報を確認してください。
サインアップ後のオンボーディング、ユーザーアクティベーション、初回利用体験、Time to Value を最適化したい場合に使用する。「オンボーディングフロー」「アクティベーション率」「ユーザーアクティベーション」「初回体験」「空の状態」「オンボーディングチェックリスト」「アハモーメント」「新しいユーザー体験」に言及した場合も使用。サインアップ／登録の最適化については signup-flow-cro、継続的なメールシーケンスについては email-sequence を参照。
Button、ButtonGroup、DropDownButton、Floating Action Button（FAB）、ProgressButton、RadioButton、Switch、Speed Dial、SplitButtons、Chips など、Syncfusion Angular ボタンコンポーネントの実装を包括的に解説します。これらのコンポーネントの実装とスタイリングに使用し、ビジュアルスタイル（primary、outline、toggle、icon、round、block）、グループ化、ポップアップ項目とアニメーション付きドロップダウン、FAB の配置と適用範囲、Speed Dial の直線状・放射状アクション項目、進捗対応ボタン、トグル・ラジオコントロールを扱います。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。