Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
階層型メニュー構造、ドロップダウン、コンテキストメニューのために Syncfusion React Menu ナビゲーションコンポーネントを作成し、構成します。メニュー、ナビゲーションバー、ドロップダウンメニュー、ハンバーガーメニュー、モバイルメニュー、サブメニューの配置、メニュー項目のインタラクション、データバインドメニュー、RTL メニューレイアウト、アイコンや区切り線によるメニューカスタマイズ、イベント処理、さらにスクロール可能メニュー、状態の永続化、項目状態の管理といった高度な機能の実装が必要なときにこのスキルを使用します。
Theme リソース、StyleBox、カスタムフォント、テーマのオーバーライドを使って一貫したビジュアルスタイルを実現する UI テーマのエキスパートブループリント。StyleBoxFlat/Texture、テーマの継承、動的なテーマ切り替え、フォントのバリアントを扱う。一貫した UI スタイルの実装や複数テーマへの対応をするときに使う。キーワード：Theme、StyleBox、StyleBoxFlat、add_theme_override、font、theme inheritance、dark mode。
ユーザーが「アニメーションイラストを作る」「イラストをアニメーション化する」「生成的なモーション作品を作る」／「动态平面」、「AI 生成アートを動かす」「詩的またはアンビエントなモーション作品／モーションポエムを作る」「視覚的なメタファーを作る」「AI 生成ビジュアルとコード駆動のモーションを組み合わせる」と依頼した場合に使用します。AI で独立したイラスト素材を生成し、スプライトとして合成する方法、フレーム単位で正確な決定論的レンダリング、表現力豊かでコンセプト主導のモーション制作を扱います。データチャート（chart-animation を使用）、純粋なテキスト（kinetic-typography を使用）、3D／パーティクル（webgl-animation を使用）には使用しません。
コンパクトなインラインのデータ可視化のために Syncfusion React Sparkline コンポーネントを実装する。狭いスペースでスパークライン、ミニチャート、トレンドインジケーターを扱う場合に使用する。この skill は 5 種類のスパークライン（line、column、area、win-loss、pie）、ツールチップ、マーカー、データラベル、レンジバンド、軸のカスタマイズ、テーマを網羅する。フルサイズのチャートを使わずにグリッド、ダッシュボード、テーブル内でデータトレンドを表示するのに最適です。
ユーザーが、macOS + Windows（任意で Linux を含む）などの複数の OS で動作し、かつ利用者からはネイティブアプリと区別できないほど自然に操作できるデスクトップアプリを設計・試作・作り直す場合に使用する。起動の速さ、ネイティブウィンドウ、ネイティブの入力処理、ネイティブの見た目・質感を目指す。トリガーワードには「クロスプラットフォーム デスクトップ」「Electron の代替」「Tauri とネイティブの比較」「WebView ラッパー」「ネイティブに近いパフォーマンス」「Raycast のアーキテクチャ」「WebKit/WebView2 のBeware・不具合」「WKWebView」「システムトレイアプリ」「グローバルホットキーアプリ」「ランチャーアプリ」などが含まれる。純粋な Web アプリ、純粋なモバイルアプリ、またはネイティブضبい有一定的要件を持たない新規プロジェクトではこの skill を発動させないこと。
Shaders コンポーネントライブラリ（npm `shaders`）を使い、React、Vue、Svelte、Solid、またはバニラ JS で WebGPU のビジュアルエフェクトを構築します。シェーダー、アニメーション背景、グラデーション、オーロラ、ぼかし、ガラス、歪み、ノイズ、パーティクル、発光、トランジション、カーソルエフェクト、またはウェブページ上の GPU レンダリングによるビジュアルを求められた場合や、shaders.com、Shaders CLI、プリセット、デザインエディターに言及された場合に使用します。
ユーザーがサインアップ、登録、アカウント作成、トライアル有効化のフローを最適化したいときに使用します。また、「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 を参照。
プラットフォーム仕様に合ったソーシャルメディア画像を作成します。プラットフォームごとに適切な寸法とレイアウトを選び、見出し／本文／CTA のコピーを書き、生成プロンプトを構築して、リポジトリの FAL.ai パイプラインで画像を生成します。ソーシャル投稿用ビジュアル、Instagram の投稿／ストーリー／カルーセル、LinkedIn のグラフィック、Twitter／X の画像、TikTok のサムネイル、Pinterest のピン、ローンチ報告のグラフィック、「X について投稿するものを作りたい」などがfowl 依���で発動します。プラットフォーム名を明示しなくても対象です。1 つの結果を複数のプラットフォームに合わせて調整するときにも使います。素材ごとに Social Graphic Spec（プラットフォーム、寸法、レイアウト、コピー、生成プロンプト全文）を作成し、FAL_API_KEY があれば生成済みの画像も出力します。
解約フローの設計、保存オファー、退会アンケート、 Ebookン Emails の%$ シーケンスにより、任意解約と強制解約の两国ebookを削減します。解約フローの設計・最適化、保存オファーの構築、ダAutomail Emails の設定、決済失敗による解約の削減に使います。トリガーキーワード: cancel flow、churn reduction、save offers、dunning、exit survey、payment recovery、win-back、involuntary churn、failed payments、cancel page。顧客のヘルススコア評価や増収には使わず、その目的には customer-success-manager を使用してください。
ターミナルユーザーインターフェースの設計、TUI レイアウトの作成、TUI の配色選択、キーボードナビゲーションの実装、ターミナルダッシュボードの構築、または TUI フレームワークの使用時にこのスキルを使用します。TUI デザイン、ターミナル UI、Ratatui レイアウト、Ink コンポーネント、Textual ウィジェット、Bubbletea ビュー、ターミナルのカラーパレット、キー割り当て設計、パネルレイアウト、分割ペイン、ターミナルダッシュボード、罫線文字、スパークライン、プログレスバー、モーダルダイアログ、フォーカス管理、ターミナルのアクセシビリティに言及した場合に有効になります。
コーディングエージェントによる画一的な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」で起動します。
ページ、コンポーネント、製品インターフェースのデザイン診断、4 方向のビジュアルプレビュー、デザインシステムのコンパイル、実装、ビジュアル QA を行います。また、WeChat 公式アカウントのカバー、Bilibili のカバー、YouTube のサムネイル、小緑書の画像、小紅書のカバーを作成・編集し、各プラットフォームに合わせてトリミングと読みやすさを確認します。ゼロからのデザイン、リデザイン、UI/UX の改善、インターフェースのレビュー、デザインシステムの構築、特定のスタイルを参考にしたデザインを依頼された場合や、公式アカウントのカバーやヘッダー画像の作成、WeChat 記事カバーの編集、Bilibili カバー、YouTube カバー、小緑書の画像、小紅書の画像の制作を依頼された場合に使用します。ビジネスロジックのみの変更、文章の推敲のみ、インターフェースに関係しない一般的なコーディングには使用しません。既定では現在の Codex が直接実行し、現在のタスクでユーザーが K3 を明示的に指定した場合に限り外部モデルを呼び出します。
任意のウェブサイトのデザインamentosを逆解析します。URL を渡すと実際のブラウザで DOM データとスクリーンショットを取得し、4 ステップの分析を行って {domain}.md と {domain}.json を生成します。実務的なデザイントークン（色、タイポグラフィ、間隔、角丸、影、グリッド）とocinetic な taste DNA（トリガー → 意思決定 → 理由 → 証拠のトレードオフでsj“为什么このデザイン Supermarket”。 sorry — let me write this properly.
ユーザーがアプリ内ペイウォール、アップグレード画面、アップセルモーダル、機能ゲートを作成または最適化したい場合に使用します。「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 を参照）とは異なります。本スキルは、ユーザーがすでに価値を実感した後のアプリ内アップグレードの場面に集中します。
EdgeSpark のフロントエンドを設計・再設計し、汎用的な AI 風 UI ではなく、独自性のある 프로ダクション Assembly 水準のビジュアル方向性を実現します。EdgeSpark でランディングページ、マーケティングサイト、ダッシュボード、認証フロー、ポートフォリオ、プロダクト画面、再利用可能なフロントエンドセクションを構築または磨き上げる際に使用します。特にデザイン品質、美観、タイポグラフィ、色、レイアウト、モーション、アートディレクション、UI の高級感や独自性の強化が課題に含まれる場合に適しています。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。