Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,770 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
HyperFrames のすべてのアニメーション知識 — アトミック モーション ルール、マルチフェーズ シーン ブループリント、シーン トランジション、より広いモーション デザイン技法、および 7 つのランタイム アダプター（GSAP デフォルト、Lottie、Three.js、Anime.js、CSS keyframes、Web Animations API、TypeGPU）。モーション またはアニメーション タスク向け：2～4 個のルールを選択して構成、またはブループリントを読み込み、またはランタイム固有の API を検索（例：GSAP eases / Lottie player / Three.js mixer）。既存のコンポジションのコレオグラフィ（アニメーション マップ）と 24 個の名前付きテキスト アニメーション効果の監査もカバー。HyperFrames ネイティブ：シングル ポーズド タイムライン、シーク安全、決定論的。
コーディングエージェントによる画一的なUIの出荷を防ぎます。UIZZEの80万以上の実際のウェブおよびiOS画面を活用して、製品に特化したインターフェースを構築し、デザイン契約を定義し、必要な状態を網羅して、厳格な完成ゲートを実行します。Codex、Claude Code、Cursor、Copilotなどのコーディングエージェントで、ウェブまたはiOSインターフェースの設計、実装、再設計、批評、出荷前レビューを行う際に使用します。「anti-ui-slop」「stop UI slop」「ground this UI in real screens」「run the UI finish gate」で起動します。
Lark ホワイトボード：Lark クラウドドキュメント内のホワイトボードをクエリおよび編集します。ホワイトボードをプレビュー画像としてエクスポート、未加工のノード構造をエクスポート、複数の形式でホワイトボードコンテンツを更新することをサポートしています。ユーザーがホワイトボードコンテンツを表示、ホワイトボード画像をエクスポート、またはホワイトボードを編集する必要がある場合にこのスキルを使用します。責任対象外：Lark クラウドドキュメントコンテンツ編集（lark-doc）、ドキュメント内の組み込みスプレッドシート / Base（lark-sheets / lark-base）。
Miaoda（Spark/Miaoda）アプリの開発とホスティング：アプリの作成、ローカルでのフルスタック開発、クラウドでの生成と反復、クリエイティブデザイン（UI モックアップ／インタラクティブなプロトタイプ／ワイヤーフレーム／ランディングページ／ダッシュボード／スライドデッキ／ビジュアル探索）、AI 関連機能や Feishu プラットフォーム機能、その他の外部機能との統合、ログ／Trace／監視指標／PV／UV の確認、環境変数の管理、アプリのコラボレーターと共同作業権限の設定、アプリのロールとメンバーの管理、自動化トリガー（スケジュール／レコード変更／Webhook／Feishu 承認）。システム・ツール・プラットフォーム・アプリの開発や新規作成、ローカル／クラウドでの開発、変更、デプロイ、公開、リリース、共有可能なリンクの取得、HTML によるページやウェブサイトの作成と Miaoda へのデプロイ、デザイン／モックアップ／プロトタイプ／ワイヤーフレーム／PPT／デッキ／ビジュアル探索を希望する場合に使用。また、Miaoda/Spark/Miaoda アプリ（`/app/app_xxx` または `/page/<token>` 形式のリンク、*.aiforce.cloud 形式の実行時ドメイン）、アプリデータベース、アプリファイルストレージ、公開 API Key、公開範囲、アプリのコラボレーター／開発権限、アプリのロール／ロールメンバー、本番ログ、API リクエスト数、エラー数、レイテンシ、アクセス数、環境変数、Miaoda アプリの自動化タスク／スケジュールトリガー／承認後の自動トリガーに関する場合にも使用。通常のクラウドドライブへのファイルアップロード（lark-drive）、Feishu ドキュメントの編集（lark-doc）、ネイティブのスライド作成（lark-slides）は対象外。
モーションが情報そのものである、短くデザイン主導のモーショングラフィック。動的タイポグラフィ、数字のカウントアップ、チャート/データビジュアライゼーション、ロゴスティング/ブランドロックアップ、下部テロップ/コールアウト/ソーシャルオーバーレイ、アニメーション地図（地域をハイライト、場所を接続、位置にズーム）、アニメーション化されたツイート/ニュース記事/ヘッドライン、ウェブページ/UI アニメーション（スクロール、カーソル、コールアウト）、または実画像のジオメトリをチャートに融合。通常 10 秒以下（最長約 30 秒）、ナレーション or ライブアクション素材なし、MP4 または透明オーバーレイにレンダリング。長い/ナレーション付き/マルチシーン → /general-video。不明な場合 → /hyperframes。
Lark/Feishu のリアルタイムイベントリスニング/サブスクリプション/コンシューミング：`lark-cli event consume <EventKey>` で NDJSON 形式のイベントをストリーミング（IM メッセージ/リアクション/チャット変更、タスク更新、VC ミーティング開始/参加/終了、議事録生成、ホワイトボード更新など）。Lark ボット、リアルタイムメッセージ処理、長時間実行のサブスクライバー、ストリーミング webhook/push ハンドラーに対応。`--max-events` / `--timeout` による有界実行と stderr ready-marker コントラクトをサポート — サブプロセスとして実行される AI エージェント向けに設計。
ワークロード説明から企業 Azure インフラストラクチャを設計・プロビジョニングします。クラウドアーキテクトとプラットフォームエンジニア向けで、ネットワーク、アイデンティティ、セキュリティ、コンプライアンス、および WAF 対応のマルチリソーストポロジー計画に対応。Bicep または Terraform を直接生成（azd 不含）。WHEN: 'plan Azure infrastructure'、'architect Azure landing zone'、'design hub-spoke network'、'plan multi-region DR topology'、'set up VNets firewalls and private endpoints'、'subscription-scope Bicep deployment'、'Azure Backup for VM workloads'。アプリケーション中心のワークフローでは azure-prepare を推奨。
本番環境対応の Azure Kubernetes Service (AKS) クラスタの計画、作成、設定。Day-0 チェックリスト、SKU 選択（自動 vs 標準）、ネットワーキングオプション（プライベート API サーバー、Azure CNI Overlay、出力設定）、セキュリティ、運用（オートスケーリング、アップグレード戦略、コスト分析）をカバー。用途：AKS 環境の作成、AKS プロビジョニング、AKS 可観測性の有効化、AKS ネットワーキング設計、AKS SKU 選択、AKS セキュリティ、AKS 最適化、AKS スポットノード、AKS クラスタオートスケーラー、AKS Pod サイジング、Pod サイジング、AKS Pod オーバープロビジョニング、Pod リソースリクエストと制限、Vertical Pod Autoscaler、VPA 推奨事項。
Web とモバイル向けの UI/UX デザインインテリジェンス。50 以上のスタイル、161 種のカラーパレット、57 種のフォントペア、161 種の製品タイプ、99 件の UX ガイドライン、10 のスタック（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、HTML/CSS）に対応する 25 種のチャートタイプを収録。操作：UI/UX コードの計画、構築、作成、設計、実装、レビュー、修正、改善、最適化、強化、リファクタリング、確認。プロジェクト：ウェブサイト、ランディングページ、ダッシュボード、管理パネル、eコマース、SaaS、ポートフォリオ、ブログ、モバイルアプリ。要素：ボタン、モーダル、ナビゲーションバー、サイドバー、カード、テーブル、フォーム、チャート。スタイル：グラスモーフィズム、クレイモーフィズム、ミニマリズム、ブルータリズム、ニューモーフィズム、ベントーグリッド、ダークモード、レスポンシブ、スキューモーフィズム、フラットデザイン。トピック：カラーシステム、アクセシビリティ、アニメーション、レイアウト、タイポグラフィ、フォントペアリング、余白、インタラクション状態、シャドウ、グラデーション。連携：コンポーネント検索と例の参照に使う shadcn/ui MCP。
Codex 用のエリート Web サイト画像からコード変換スキル。視覚的に重要な Web タスクでは、まず設計画像を生成し、深く分析してから、ウェブサイトを実装してできるだけ正確に一致させる必要があります。Codex では、小さく圧縮されたボードの代わりに大型で読みやすいセクション固有の画像を優先し、古い画像をトリミングする代わりにセクションまたは詳細ビュー用に新しいスタンドアロン画像を生成し、怠け者の生成不足を避け、カード内カード内カード UI を避け、ヒーローをきれいで広々とした読みやすく、小さいラップトップで表示されるようにする必要があります。
高級なフロントエンド画像指導スキル。プレミアム品質で、コンバージョン対応のウェブサイトデザインリファレンスを生成します。重要な出力ルール — 各セクションごとに 1 つの独立した横長画像を生成します。8 つのセクションを持つランディングページは 8 つの画像を生成します。複数のセクションを 1 つの画像に圧縮しないでください。構図の多様性（常に左テキスト/右画像ではない）、背景画像の自由度、異なる CTA、異なるヒーロースケール（巨大/中程度/ミニマリスト小）、ナラティブコンセプトスパイン、二次読み取りモーメント、すべての画像にわたって単一の一貫したパレットを強制します。ランディングページ、マーケティングサイト、開発者またはコーディングモデルが正確に再現できるプロダクトコンプ向けに最適化されています。
プレミアム、アプリネイティブなスクリーンコンセプトとフローを作成するための精選モバイルアプリ画像生成スキル。iOS、Android、およびクロスプラットフォームモバイル製品向けに設計されています。きれいな階層構造、読みやすいテキスト、強力なマルチスクリーン一貫性、制御されたカラーパレット、非ジェネリックなクリエイティブな方向性、テクスチャ表面、画像主導の構図、上品なカスタムアイコン、きれいな電話モックアップフレーミングを優先します。デフォルトでは、スクリーンは微妙なプレミアム iPhone または同様の電話モックアップ内に表示され、目に見えるフレームがあります。一方、メインのフォーカスはアプリコンテンツ自体に留まります。このスキルは画像のみを生成します。コードは記述しません。
ユーザーがフロントエンドインターフェースの設計、再設計、構成、批評、監査、仕上げ、明確化、要約、強化、最適化、調整、アニメーション化、色付け、抽出、その他の改善を望む場合に使用。ウェブサイト、ランディングページ、ダッシュボード、製品 UI、アプリシェル、コンポーネント、フォーム、設定、オンボーディング、空の状態を対象とする。UX レビュー、視覚的階層、情報アーキテクチャ、認知負荷、アクセシビリティ、パフォーマンス、レスポンシブ動作、テーマ、アンチパターン、タイポグラフィ、フォント、余白、レイアウト、配置、色、モーション、マイクロインタラクション、UX コピー、エラー状態、エッジケース、i18n、再利用可能なデザインシステムやトークンに対応。平凡なデザインをより大胆または魅力的にしたい場合、派手なデザインを控えめにしたい場合、ブラウザー上で UI 要素を反復的に調整する場合、技術的に際立つ高度な視覚効果を求める場合にも使用。バックエンドのみ、または UI 以外のタスクには使用しない。
RunComfyでOpenAI GPT Image 2（ChatGPT Images 2.0）を使って画像を生成・編集します。GPT Image 2の強み（画像内テキスト、ロゴ、多言語タイポグラフィ、指示の正確さ）、3つの固定サイズ、保持しながら編集する際の表現、代わりに同系列モデル（Flux 2 / Nano Banana Pro / Seedream）を使う場面を説明します。ローカルのRunComfy CLI経由で`runcomfy run openai/gpt-image-2/text-to-image`または`/edit`を呼び出します。「gpt image 2」「gpt-image-2」「ChatGPT Images 2」「image 2」、またはこのモデルで画像の生成・編集を明示的に依頼した場合に起動します。
RunComfyでOpenAI GPT Image 2（ChatGPT Images 2.0）を使って画像を生成・編集します。GPT Image 2の強み（画像内テキスト、ロゴ、多言語タイポグラフィ、指示の正確さ）、3つの固定サイズ、保持しながら編集する際の表現、代わりに同系列モデル（Flux 2 / Nano Banana Pro / Seedream）を使う場面を説明します。ローカルのRunComfy CLI経由で`runcomfy run openai/gpt-image-2/text-to-image`または`/edit`を呼び出します。「gpt image 2」「gpt-image-2」「ChatGPT Images 2」「image 2」、またはこのモデルで画像の生成・編集を明示的に依頼した場合に起動します。
RunComfyでOpenAI GPT Image 2（ChatGPT Images 2.0の`/edit`エンドポイント）を使って画像を編集します。モデルのドキュメントに記載されたプロンプトパターンをまとめ、同じモデルに単純なプロンプトを入力するよりも優れた出力を得られるようにします。GPT Image Editの強み（保持を指示する表現、画像内テキストの多言語編集、最大10枚の参照画像、レイアウト／タイポグラフィの精度）、スキーマ、Nano Banana Edit／Flux Kontext／GPT Image 2 t2iに切り替えるタイミングを説明します。ローカルのRunComfy CLI経由で `runcomfy run openai/gpt-image-2/edit` を呼び出します。「gpt image edit」「gpt-image-edit」「chatgpt image edit」「edit with gpt image 2」などの語句や、このモデルでの画像編集を明示的に求める指示で起動します
RunComfyでOpenAI GPT Image 2（ChatGPT Images 2.0の`/edit`エンドポイント）を使って画像を編集します。モデルのドキュメントに記載されたプロンプトパターンをまとめ、同じモデルに単純なプロンプトを入力するよりも優れた出力を得られるようにします。GPT Image Editの強み（保持を指示する表現、画像内テキストの多言語編集、最大10枚の参照画像、レイアウト／タイポグラフィの精度）、スキーマ、Nano Banana Edit／Flux Kontext／GPT Image 2 t2iに切り替えるタイミングを説明します。ローカルのRunComfy CLI経由で `runcomfy run openai/gpt-image-2/edit` を呼び出します。「gpt image edit」「gpt-image-edit」「chatgpt image edit」「edit with gpt image 2」などの語句や、このモデルでの画像編集を明示的に求める指示で起動します
Higgsfield AI で画像、動画、3D アセット、音声を生成します。デフォルト：画像／デザイン／テキストには GPT Image 2、動画には Seedance 2.0、キャラクター／参照画像には Nano Banana 2/Lite/Pro、広告には Marketing Studio、音声には Seed Audio 1.0 を使用します。「画像を生成」「動画を作成」「この写真をアニメーション化」「画像から動画」「この画像を編集／スタイル変更／リミックス」「この動画をリフレーム」「スケッチからこの動画を編集」「3D モデル／GLB を作成」「効果音を作成」「音楽を作成」「テキストから音声」「広告を作成」「UGC 動画を作成」「開封動画」「プレゼンター動画」「URL から商品をインポート」「動画のバイラル性を分析」といった場合に使用します。画像から 3D（`multi_image_to_3d`）、テキストから音声／音楽（`seed_audio`）、ワークフロー生成（`draw_to_video`、`reframe`）、Marketing Studio、Virality Predictor（`brain_activity`）に対応します。顔やアイデンティティの一貫性を保つには higgsfield-soul-id と連携します。対象外：Soul Character のトレーニング（higgsfield-soul-id を使用）、商品撮影、マーケットプレイスの商品掲載カード、テキスト／チャット／TTS タスク。
検証済みのアーキテクチャ、ワークフロー、シーケンス、データフロー、ライフサイクル／状態、ERD、クラス、ツリー、タイムライン、ウォーターフォールの図を、探索可能なスタンドアロン HTML として作成します。ダーク／ライトテーマ、モーション、画像／SVG／WebM エクスポートに対応します。要件または Mermaid を受け付けます。コードに基づく図の場合は、リポジトリ内の根拠を確認します。システム、API 呼び出し、パイプライン、スキーマ、履歴、タイミング、日常の手順、構成要素、関係、状態の可視化に使用します。ユーザーがページ、解説、共有用の回答（做成一页、用页面讲）を求めた場合は、結論を先に示し、構造化パネル、ネイティブ図、チャートを含む 1 ページの解説にまとめます。ユーザーのルールに [archify explainer: ...] の行があり、利用が許可されている場合は自発的に使用します。ダッシュボードには使用しません。
React の View Transition API（`<ViewTransition>` コンポーネント、`addTransitionType` および CSS view transition 疑似要素）を使用してスムーズでネイティブ感のあるアニメーションを実装するためのガイド。ユーザーがページトランジション、ルート変更のアニメーション化、共有要素アニメーション、コンポーネントの出入りのアニメーション化、リスト再順序のアニメーション化、方向付き（前進/後退）ナビゲーションアニメーション、または Next.js での view transitions の統合を望むときに使用。ユーザーが view transitions、`startViewTransition`、`ViewTransition`、トランジションタイプについて言及する場合や、サードパーティのアニメーションライブラリなしで React で UI 状態間のアニメーション化について尋ねる場合にも使用。
React Native と Expo でアニメーションを構築し、適切な動きにするための判断を順番に行います。アニメーションの要否、実行するスレッド、プロパティ、スプリングか時間指定か、ジェスチャーの引き継ぎ方、劣化時の挙動を決定します。Reanimated、Gesture Handler、Expo Router、expo-haptics を使って実装します。Expo アプリ内のアニメーション、ジェスチャー、シート、画面遷移、押下フィードバックや触覚フィードバックの追加、またはデバイス上でカクつく動きの修正に使用します。Web アニメーションには `animate` を使用します。
Higgsfield CLI（`higgsfield website …`）を使って、フルスタックのウェブサイト、アプリ、ゲームを構築、編集、デプロイします。各プロジェクトは、1 つの Cloudflare Worker（D1/R2/KV/DO/Containers）上で動作する React 19 + TanStack Start の SSR アプリです。作成時に `--type` で選ぶ製品タイプは 3 種類です。`website`（Higgsfield 統合なしのスタンドアロン — references/website-flow.md）、`app`（Sign in with Higgsfield + fnf SDK、Quanta — references/app-flow.md）、`game`（リアルタイムのマルチプレイヤールーム — references/game-flow.md）。適切なフローに振り分け、各タイプ固有のルールとデプロイ／公開条件を適用します。「ウェブサイトを作って」「ランディングページを作成」「ウェブアプリを作成」「SaaS ダッシュボード／ポートフォリオを構築」「ゲームを作って」「このサイトをデプロイ」「公開」などの依頼に使用します。GAME ART も対象です。「スプライトシートを作成」「タイル可能なテクスチャ」「3D キャラクターをアニメーション化」、ゲームの音楽／効果音には game-* の参考資料を参照してください。対象外：単体の画像／動画／音声生成（higgsfield-generate）、製品写真（higgsfield-product-photoshoot）、マーケットプレイスカード（higgsfield-marketplace-cards）。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。