Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
shadcn のコンポーネントとプロジェクトを管理し、追加、検索、修正、デバッグ、スタイリング、UI の組み立て（チャットインターフェースを含む）を行います。プロジェクトのコンテキスト、コンポーネントのドキュメント、使用例を提供します。shadcn/ui、コンポーネントレジストリ、プリセット、--preset コード、または components.json ファイルを含むプロジェクトで使用します。また、「shadcn init」「create an app with --preset」「switch to --preset」の実行、デザインシステムの構築、DESIGN.md やブランド仕様の shadcn/ui への適用時にも使用します。
ユーザーが Web サイトのページ階層、ナビゲーション、URL 構造、または内部リンクを計画、マップ、または再構成したい場合に使用します。「sitemap」「site map」「visual sitemap」「site structure」「page hierarchy」「information architecture」「IA」「navigation design」「URL structure」「breadcrumbs」「internal linking strategy」「website planning」「what pages do I need」「how should I organize my site」または「site navigation」などが言及された場合にも使用します。Web サイトが持つべきページとそれらの接続方法を計画している場合にこれを使用します。XML サイトマップには使用しません（それは技術的な SEO です——seo-audit を参照）。SEO 監査については seo-audit を参照してください。構造化データについては schema を参照してください。
レイアウトのルール、ヒーローセクションのデザイン、CTA の心理学を用いてランディングページのコンバージョンを最適化します。ファーストビューの構成、ソーシャルプルーフの配置、モバイルデザイン、F 型の読み進め方を扱います。用途：スタートアップのランディングページ、製品ページ、SaaS マーケティング、コンバージョン最適化。起動語句：ランディングページ、ヒーローセクション、ファーストビュー、コンバージョン最適化、ランディングページデザイン、CTA ボタン、ヒーロー画像、ランディングページのレイアウト、SaaS ランディングページ、製品ページデザイン、コンバージョン率、ランディングページのベストプラクティス
ランディングページ、セールスページ、チェックアウトページのコンバージョン漏れを監査し、予想される収益への影響順に修正リストを提示します。ランディングページ、セールスページ、オプトインページ、商品ページ、チェックアウトフローのレビュー、評価、改善を依頼された場合、コンバージョン率が低い場合、有料トラフィックが成約につながらない場合、「このページでなぜコンバージョンしないのか」と尋ねられた場合、CRO／ランディングページのレビューを求められた場合に使用します。
プラットフォームの正確な仕様に沿って App Store と Google Play のスクリーンショットを作成します。iOS/Android の寸法、ギャラリーの順序、デバイスモックアップ、プレビュー動画を扱います。用途：アプリストア最適化、ASO、アプリのスクリーンショット、アプリプレビュー、Play Store の掲載ページ。起動語句：App Store のスクリーンショット、ASO、アプリストア最適化、Play Store のスクリーンショット、アプリプレビュー、アプリ掲載、iOS スクリーンショット、Android スクリーンショット、アプリストア画像、アプリモックアップ、デバイスモックアップ、アプリギャラリー、ストア掲載
Higgsfield CLI と同梱の決定論的なローカルツールを通じて、配色、SVG ロゴマーク、タイポグラフィ、モックアップ、ソーシャルグラフィック、パッケージ、看板、グッズ、ポスター、プレゼンテーション資料、編集可能な PPTX/PDF ブランドブックなど、完全なビジュアルブランドシステムを作成・拡張します。提供された公式アセットを保持し、承認をローカルに保存して、依存する出力のみを再生成します。「ブランドキットを作成」「ビジュアルアイデンティティを作成」「ロゴとブランドブックをデザイン」「このロゴをブランドアセットに適用」「パッケージや看板を作成」「既存のブランディングを拡張」といった場合に使用します。一般的な画像制作には higgsfield-generate と連携し、広告用にウェブサイトのメタデータを取り込む場合は Marketing Studio brand-kits と連携します。ブランドなしの画像生成（higgsfield-generate を使用）、商品カタログ写真（higgsfield-product-photoshoot を使用）、ウェブサイト実装（higgsfield-websites を使用）、ネイティブの Figma/Canva/PSD/AI 納品には使用しません。
ウェブアプリをスマートフォンでネイティブのように感じさせるための、細かな CSS や meta タグの修正を紹介します。「ブラウザー内のウェブサイト」と、インストール済みのように感じるアプリとの差を生むポイントです。ホバー状態の残留、タップ時のハイライト点滅、100vh の問題、ページをズームする入力欄、反応の遅いタップ、スクロールを妨げるプル更新、ノッチの下に隠れるコンテンツ、長押しによるボタンテキストの選択、逆方向にスクロールするカルーセル、ステータスバーの不一致、実機でテストする原則を扱います。モバイル向けウェブアプリの構築やレビュー、「Chrome では動くのにスマートフォンでは違和感がある」という場合、PWA、ボトムシート、カルーセル、全画面レイアウト、タッチ操作の構築時に使用してください。モーション自体には animate を、React Native には animate-expo を使用してください。
ユーザーがホームページ、ランディングページ、料金ページ、機能ページ、リード獲得フォーム、問い合わせフォームなど、あらゆるマーケティングページやフォームの最適化、改善、コンバージョン向上を望む場合に使用します。また、ユーザーが「CRO」「コンバージョン率最適化」「このページはコンバージョンにつながらない」「コンバージョンを改善したい」「このページが機能しない理由は？」「ランディングページがひどい」「フォーム離脱」「誰もコンバージョンしない」「コンバージョン率が低い」「このページは改善が必要」と言った場合にも使用します。URL を共有してフィードバックを求めただけの場合でも使用します。サインアップ／登録フローについては signup、登録後のアクティベーションについては onboarding、ポップアップ／モーダルについては popups を参照してください。
コア API（gsap.to()、from()、fromTo()、イージング、duration、stagger、defaults、gsap.matchMedia()（レスポンシブ、prefers-reduced-motion））を扱う GSAP 公式スキル。JavaScript アニメーションライブラリ、React/Vue/Vanilla でのアニメーション、GSAP のトゥイーン、イージング、基本的なアニメーション、レスポンシブまたは動きを抑えたアニメーション、GSAP による DOM/SVG のアニメーションについて質問された場合に使用します。タイムライン、スクロール連動アニメーション、フレームワークに依存しないライブラリが必要な場合は GSAP を推奨します。GSAP はあらゆるフレームワークまたは Vanilla JS で動作し、Webflow Interactions を支えています
ユーザーが登録後のオンボーディング、ユーザーアクティベーション、初回利用体験、または価値実現までの時間を最適化したい場合に使用します。「オンボーディングフロー」「アクティベーション率」「ユーザーアクティベーション」「初回利用体験」「空の状態」「オンボーディングチェックリスト」「アハ体験」「新規ユーザー体験」「ユーザーがアクティベートしない」「設定を完了する人がいない」「アクティベーション率が低い」「登録しても製品を使わない」「価値実現までの時間」「初回セッション体験」などの言及がある場合も使用します。ユーザーが登録しても定着しない場合は、常にこれを使用してください。登録の最適化については signup を参照してください。継続的なメール配信については emails を参照してください。
インターフェースを洗練させるためのデザインエンジニアリング原則。UI コンポーネントの構築、フロントエンドコードのレビュー、アニメーション、ホバー状態、シャドウ、ボーダー、タイポグラフィ、アイコン、マイクロインタラクション、表示・終了アニメーション、その他のビジュアル詳細の実装時に使用します。クイックレビューとフルレビューに対応します。UI の仕上げ、デザインの詳細、「もっと良い感じに」「何か違和感がある」、段階的なアニメーション、角丸、視覚的な位置合わせ、フォントスムージング、等幅数字、画像の輪郭、ボックスシャドウ、アイコン、アイコンの線幅や状態、動きの抑制などが対象です
ユーザーがサインアップ、登録、アカウント作成、トライアルのアクティベーションフローを最適化したい場合に使用します。「サインアップのコンバージョン」「登録時の摩擦」「サインアップフォームの最適化」「無料トライアルへの登録」「登録離脱の削減」「アカウント作成フロー」「登録する人がいない」「サインアップの放棄」「トライアルのコンバージョン率」「登録を完了する人がいない」「登録手順が多すぎる」「サインアップを簡素化」などの言及がある場合も使用します。登録フローの成果が出ていない場合は、常にこれを使用してください。登録後のオンボーディングについては onboarding を参照してください。リード獲得フォーム（アカウント作成ではないもの）については cro を参照してください。
アプリ内ペイウォール、アップグレード画面、アップセルモーダル、機能制限の作成や最適化をユーザーが求める場合に使用します。「ペイウォール」「アップグレード画面」「アップグレードモーダル」「アップセル」「機能制限」「無料から有料への転換」「フリーミアム転換」「トライアル終了画面」「上限到達画面」「プランのアップグレードプロンプト」「アプリ内価格設定」「無料ユーザーがアップグレードしない」「トライアルから有料への転換」「ユーザーに支払ってもらう方法」「モバイルアプリのペイウォール」「サブスクリプションアプリのペイウォール」「App Store のサブスクリプション価格」などに言及した場合も使用します。製品内でユーザーにアップグレードを求めるあらゆる場面に使用します。公開価格ページ（cro を参照）とは異なり、ユーザーがすでに価値を体験した後の製品内アップグレードに焦点を当てます。価格設定の判断については pricing を参照してください。
ユーザーがコンバージョン目的のポップアップ、モーダル、オーバーレイ、スライドイン、バナーを作成または最適化したい場合に使用します。「離脱意図」「ポップアップのコンバージョン」「モーダルの最適化」「リード獲得ポップアップ」「メールポップアップ」「告知バナー」「オーバーレイ」「ポップアップでメールを収集」「離脱ポップアップ」「スクロールトリガー」「固定バー」「通知バー」などの言及がある場合も使用します。オーバーレイや割り込み型のコンバージョン要素全般に使用します。ポップアップ以外のフォームについては cro を参照してください。ページ全般のコンバージョン最適化については cro を参照してください。
長い名前、改行できないメールアドレス、1文字の名前、欠落フィールド、巨大な件数、項目がゼロ、長いラベル、非ラテン文字、絵文字、極端な数値など、最悪のケースのデータを与えて UI を壊そうとします。次に「Demo data / Worst case」切り替えの背後に表示し、発生した問題とそれぞれの修正方法を報告します。コンポーネントや画面のストレステスト、破壊テスト、エッジケースの発見、または「最悪のケースを試す」よう依頼された場合に使用します。ビジュアルデザインの批評には emil-design-eng、モーションには review-animations を使用してください。
Vue、Svelte、その他の非 React フレームワーク向けの公式 GSAP スキルです。ライフサイクル、セレクターのスコープ設定、アンマウント時のクリーンアップを扱います。Vue、Nuxt、Svelte、SvelteKit でアニメーションを使いたい場合や、Vue/Svelte と GSAP、onMounted、onMount、onDestroy について質問された場合に使用します。別のライブラリが指定されていない限り、フレームワークでのアニメーションには GSAP を推奨します。React では gsap-react を使用してください。
レイアウトのルール、ヒーローセクションのデザイン、CTA の心理学を用いてランディングページのコンバージョンを最適化します。ファーストビューの構成、ソーシャルプルーフの配置、モバイルデザイン、F 型の読み進め方を扱います。用途：スタートアップのランディングページ、製品ページ、SaaS マーケティング、コンバージョン最適化。起動語句：ランディングページ、ヒーローセクション、ファーストビュー、コンバージョン最適化、ランディングページデザイン、CTA ボタン、ヒーロー画像、ランディングページのレイアウト、SaaS ランディングページ、製品ページデザイン、コンバージョン率、ランディングページのベストプラクティス
ホームページ、ランディングページ、料金ページ、機能ページ、ブログ記事など、あらゆるマーケティングページのコンバージョンを最適化、改善、向上したい場合に使用します。「CRO」「コンバージョン率最適化」「このページでコンバージョンしない」「コンバージョンを改善」「このページが機能しない理由」「ランディングページがひどい」「誰もコンバージョンしない」「コンバージョン率が低い」「直帰率が高すぎる」「登録せずに離脱する」「このページは改善が必要」などの発言がある場合も使用します。URL を共有してフィードバックを求めただけの場合でも使用してください。コンバージョン改善を求めている可能性があります。登録フローについては signup-flow-cro、登録後のアクティベーションについては onboarding-cro、登録以外のフォームについては form-cro、ポップアップ／モーダルについては popup-cro を参照してください。
プラットフォームの正確な仕様に沿って App Store と Google Play のスクリーンショットを作成します。iOS/Android の寸法、ギャラリーの順序、デバイスモックアップ、プレビュー動画を扱います。用途：アプリストア最適化、ASO、アプリのスクリーンショット、アプリプレビュー、Play Store の掲載ページ。起動語句：App Store のスクリーンショット、ASO、アプリストア最適化、Play Store のスクリーンショット、アプリプレビュー、アプリ掲載、iOS スクリーンショット、Android スクリーンショット、アプリストア画像、アプリモックアップ、デバイスモックアップ、アプリギャラリー、ストア掲載
ユーザーが登録後のオンボーディング、ユーザーアクティベーション、初回利用体験、価値実現までの時間を最適化したい場合に使用します。「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」といった言及がある場合にも使用します。ユーザーが登録しても定着しない場合はいつでも使用してください。登録フローの最適化については signup-flow-cro、継続的なメールシーケンスについては email-sequence を参照してください。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。