Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Product Psychology、Behavioral Economics、Growth Design のフレームワーク（Psych、B.I.A.S.、C.L.E.A.R.、UI Rules of Thumb、Psychological Triggers）に照らして UI デザインとフロントエンドコードをレビューする。「自分のデザインをレビューして」「グロース UX を監査して」「コンバージョン率を最適化して」「EC ページをレビューして」「チェックアウトフローを監査して」「料金表をレビューして」「オンボーディングをレビューして」「UI の開発計画を提案して」と依頼されたときに使用。
ヘブライ語タイポグラフィを伴う、イスラエル向けアプリの RTL ファーストな UI コンポーネントライブラリとデザインシステムを構築する。ユーザーがヘブライ語 UI コンポーネント、"itzuv"（デザイン）、イスラエルのデザインシステム、ヘブライ語フォントの組み合わせ、RTL コンポーネントライブラリ、"tipografia ivrit"（ヘブライ語タイポグラフィ）、gov.il のデザインパターンについて尋ねたときに使用する。RTL ファーストのコンポーネントアーキテクチャ、ヘブライ語フォントの組み合わせ（Heebo+Inter、Rubik+Source Sans 3）、gov.il デザインシステムのパターン、イスラエルの表記慣習（シェケル記号、日が先の日付、24 時間制）、イスラエルユーザーに文化的に適した UI を扱う。一般的な RTL CSS（hebrew-rtl-best-practices を使用）やアクセシビリティ監査（代わりに israeli-accessibility-compliance を使用）には使用しないこと。
Python で出版品質の matplotlib/seaborn チャートを作成します。意図的に上辺と右辺を省き、注釈を豊富にしたスタイル（whitegrid、DejaVu Sans、ColorBrewer と cubehelix のパレット、濃いグレーのテキスト）を用い、再現可能なスクリプトと PDF/PNG を保存します。Python のデータからチャート、プロット、グラフ、図（棒、折れ線、散布図、ヒストグラム、バイオリン、ロリポップ、ヒートマップ、マルチパネルグリッド、決定境界、PR/ROC 曲線など）を求められた場合や、既存の matplotlib 図のスタイル変更を求められた場合に使用します。チャート名とデータファイルだけの簡潔な依頼（例：「results.npz から PR と ROC 曲線」）にも対応し、チャートを作成します
動画のモーションとビジュアル制作を計画、監査、仕様化するときに使用します。ショットリスト、ストーリーボード、カラースクリプト、トランジション、イージング、キネティックタイポグラフィ、テンポ、リテンション、アニメーション原則などが対象です。トリガー：'video plan'、'shot list'、'storyboard'、'color script'、'motion spec'、'fix the pacing'、'explainer/demo/brand video'。話す言葉そのものについては script-writer-skill、コード内の UI モーションについては frontend-design を使用します。
タスクがプロダクトのフロントエンドの可視インターフェース、インタラクション動作、フロントエンドの状態とデータフロー、コンポーネントやスタイルの構成の実装、変更、リファクタリング、レビューを必要とするときに、ユーザーの指名なしで積極的に使用する。これらのフロントエンド動作のテストと検証戦略にも用いる。ページ、フォーム、リスト、モーダル、レスポンシブ、スタイルとモーションの実装、フロントエンドコードの帰属調整に適用。ビジュアルスタイル、配色、タイポグラフィ、デザインの方向性といった設計判断には使用せず、純粋なバックエンド、ビルドとデプロイ、依存関係のアップグレード、インポートパスを直すだけの機械的な変更、既存サイトの操作のみ、デザイン画像の生成のみ、この skill に関する議論にも使用しない。ユーザーが明示的に使用しないよう求めた場合はトリガーしない。
Roblox ゲームの UI や入力を構築・修正する場合に使用します。HUD（体力バー、通貨、アビリティのクールダウン）、メインメニュー、スクロール可能なグリッド付きショップ、設定画面、インベントリ、「スマートフォンで UI のサイズが正しくない」、ジャンプボタンに隠れるボタン、タブレットやテレビで小さすぎる UI、縦向きと横向き、トップバーとセーフエリア、Scale と Offset、UIListLayout、UIGridLayout、UIFlexItem、StyleSheets とテーマ、ゲームパッドやコンソールでのメニュー操作、Input Action System（InputContext、InputAction、InputBinding）、ContextActionService の移行、PreferredInput、モーション低減とアクセシビリティ、ローカライズと AutoLocalize、React、Fusion、Vide、Device Simulator、スマートフォンなしでの UI テスト。
ユーザーがウェブサイトのページ階層、ナビゲーション、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」と言及したときにも使用する。ウェブサイトにどのページが必要で、それらがどうつながるかを計画するときは常に使用する。XML サイトマップには使用しない（それはテクニカル SEO——seo-audit を参照）。SEO 監査は seo-audit を参照。構造化データは schema-markup を参照。
階層データをドロップダウン形式で表示する Syncfusion Dropdown Tree コントロールを実装する。階層データからの単一または複数の値の選択、親子の依存状態を伴うチェックボックスの有効化、大規模データセットの遅延読み込み、テンプレートによるツリー項目のカスタマイズ、多言語サポートの構成を実装する際にこの skill を使用する。プロパティ、メソッド、イベント、データバインディングモード、チェックボックス選択、テンプレート、アクセシビリティ機能を包括的に扱う。
Syncfusion JavaScript FileManager コンポーネントでファイル管理インターフェースを構築します。ファイルブラウザの作成、ファイル操作の実装、アップロード/ダウンロード機能の有効化、ツールバーとコンテキストメニューのカスタマイズ、ドラッグアンドドロップの構成、ファイルシステムのデータバインディングの実装を行う際に使用します。仮想化、アクセス制御、ローカライズ、エンタープライズグレードのファイル操作を扱います。
Syncfusion Vue AI AssistView コンポーネントを実装します。会話型 AI インターフェイス、チャットボット、プロンプト応答システムの作成や、OpenAI、Gemini、Claude などの AI サービスを Vue アプリに統合する場合に使用します。セットアップ、プロンプト管理、候補表示、カスタマイズ、イベント処理、テンプレート、Markdown 応答、AI サービス統合、思考連鎖の可視化、動的ツールを使った生成 UI、テキスト読み上げ、AI 指標（所要時間、トークン、ツール呼び出し）のテレメトリー追跡、プロンプトエディターでのメンション機能を含みます。
Odoo テーマの完全な SCSS 変数リファレンス。3 つの中核変数システムをすべて網羅します：$o-theme-font-configs（Google Fonts）、$o-color-palettes（5 つの意味論的カラーを持つカラーシステム）、$o-website-values-palettes（タイポグラフィ、ボタン、入力欄、ヘッダー、フッター、レイアウト用の 115+ キー）。SCSS の読み込み順序規則と色の派生を含みます。 <example> Context: User asks about SCSS variables user: "What SCSS variables can I configure in my Odoo theme?" assistant: "I will use the theme-scss skill to show the complete variable reference." <commentary>Variable reference lookup.</commentary> </example> <example> Context: User wants to configure colors user: "How do I set up o-color-1 through o-color-5?" assistant: "I will explain the semantic color system and palette configuration." <commentary>Color palette configuration.</commentary> </example> <example> Context: User gets undefined variable error user: "I get 'Undefined variable $o-color-palettes' in my theme" assistant: "This is a SCSS load order issue. Theme files load BEFORE core variables." <commentary>SCSS debugging - load order issue.</commentary> </example> <example> Context: User wants to configure fonts user: "How do I add Google Fonts to my Odoo theme?" assistant: "Use $o-theme-font-configs with the font query parameter, not the full URL." <commentary>Font configuration.</commentary> </example>
Odoo ウェブサイトの snippet の完全なリファレンスと作成ガイド。snippet のアーキテクチャ、81+ の静的 snippet テンプレート（構造、ギャラリー、機能、動的、内部コンテンツ、メガメニュー）、動的 snippet システム、snippet オプション（we-* 要素）、Odoo 14-19 向けのカスタム snippet 作成、バージョン対応の登録（simple と groups）を扱う。<example> コンテキスト：ユーザーがカスタム snippet を作成したい ユーザー：「私の Odoo ウェブサイト用のカスタム snippet を作成して」 アシスタント：「テンプレート、登録、オプションを含むバージョン対応の snippet を作成します。」 <commentary>カスタム snippet の作成。</commentary> </example> <example> コンテキスト：ユーザーが利用可能な snippet を知りたい ユーザー：「Odoo ではどのような snippet が利用できますか？」 アシスタント：「Odoo には 6 つのカテゴリにまたがる 81+ の静的 snippet があります。」 <commentary>snippet 一覧のリファレンス。</commentary> </example> <example> コンテキスト：ユーザーが動的 snippet を希望 ユーザー：「最新の製品を表示する動的 snippet を作成して」 アシスタント：「フィルター、表示テンプレート、データソースを含む動的 snippet を作成します。」 <commentary>動的 snippet の作成。</commentary> </example> <example> コンテキスト：ユーザーが snippet オプションを必要としている ユーザー：「私の snippet にカスタマイズオプションを追加して」 アシスタント：「we-* 要素を含む snippet_options XML を作成します。」 <commentary>snippet オプションシステム。</commentary> </example>
スクリーンショット、Web サイトの URL、インスピレーション画像、音楽、または曖昧な美的意図から、デザインシステム、モーション、ムードボード、空間レイアウト、ビジュアルアセット、Design Context プロファイル、グローバルな Inspiration Library を設計する。ページのアーキタイプを分類し、トークンを確定する前にプロダクトを意識した 3 つの方向性を探索し（正確な再現の場合を除く）、確認後にのみ適用する。UI の設計やリスタイル、~/.vibe-to-ui/inspirations 下でのデザインインスピレーションの収集、トークン/モーションの抽出、アセットの生成、~/.vibe-to-ui 下でのブランドコンテキストの保存、クロスデバイス共有のための Design Context の Git リモート同期を行うときに使用する。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。