Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Claude Code にブランドを組み込みます。ターミナルとデスクトップアプリ向けに、ブランドカラー、独自の文言、ロゴを使ったブランド仕様の spinner を作成し、インストール可能な mod を生成する前に HTML でプレビューして承認を得ます。「Claude Code をブランド仕様に」「ブランド仕様の spinner」「自社ブランドの Claude Code mod」「カスタム spinner」「ターミナルをブランドに合わせる」「エージェントをブランド化」「ロゴ入り spinner」「Claude の作業中にブランドを表示」などの依頼や、チームまたはクライアントの Claude Code をブランドに合わせたい場合に使用します（画面録画、デモ、日常利用向け）。Claude Code 専用です。他のエージェントには mod がありません。
アクセシビリティ、コンポジション、スタイリングに焦点を当てた React コンポーネントエンジニアリングの正式標準を適用する。プロフェッショナルでコンポジション可能な React 成果物を構築するために使用。React コンポーネントの作成やレビュー時には積極的に使用する。例:- user: "/component-create Button trigger" → asChild とキーボードマップでアクセシブルな button を構築 - user: "/component-review src/components/Input.tsx" → アクセシビリティとコンポジションの準拠を監査 - user: "Build a responsive slider" → 分類タイプを選び data 属性で実装 - user: "Review my layout component" → モノリシックなパターンかコンポジションかを確認
断片的な会社・製品・ブランドのブリーフから、独自の ImageGen 製品画像を用いて、型破りでブランド固有のショッピング体験として EC サイトを構築または変革する。奇抜で大胆、実験的、非テンプレート、アートディレクションされた、または強く記憶に残るオンラインストアをユーザーが求める場合、Codex にビジネス詳細から EC のビジュアル方向性を考案させたい場合、またはクリエイティブな構想、生成した製品写真、レスポンシブ実装、カート操作、検証、任意の公開を組み合わせた実用的なストアフロントを求める場合に使用する。
Datex Studio の hub 設定でツールバーボタンとクリックフローを追加、変更、削除するときに使用する。`dxs configuration get hub` による hub 設定の取得、toolbar[] と flows[] 配列の編集、レポートを起動するクリックフローの接続、`dxs configuration upsert hub` による変更後の設定のプッシュを扱う。トリガー：「X hub にツールバーボタンを追加する」「Y レポートを開くボタンを接続する」「hub N を変更する」「X ボタンの動作を変える」「hub ボタンからレポート Y を起動する」。
マウスやタッチスクリーンを使えない、または使いたくないユーザー向けに、キーボードナビゲーションとフォーカス管理を設計する。あらゆるインタラクティブなインターフェース（フォーム、メニュー、モーダル、タブ、カルーセル、ドラッグアンドドロップ、データテーブル、カスタムコンポーネント）を設計するときに使用する。Triggers on: keyboard, focus, tab order, focus trap, skip link, arrow keys, keyboard shortcut, can't use mouse, motor disability, switch access, focus indicator, focus ring.
React の `metal-fx` パッケージで、アニメーション付きの液体金属 WebGL ボーダーを追加・調整します。ボタン、アイコンコントロール、チップ、タブ、カード、選択中の画面に金属調のアクティブ、選択、ホバー、フォーカス、プレミアムボーダーが必要な場合、metal.jakubantalik.com の MetalFx コンポーネントを実装する場合、またはプリセット、テーマ、強度、グロー、反射、サイズ、角丸、アニメーション、アクセシビリティ、SSR、パフォーマンスの問題を解決する場合に使用します。
クリップボードデータを利用した AI によるフォーム自動入力を実現する Syncfusion ASP.NET Core Smart Paste Button を実装する。OpenAI/Azure OpenAI を構成するとき、フォームフィールドの注釈を作成するとき、ボタンの外観をカスタマイズするとき、カスタム推論バックエンドを実装するとき、クリップボードからフォームフィールドへのインテリジェントなデータマッピングを管理するときにこのスキルを使用する。
ユーザーが Bootstrap のグリッドシステム、Bootstrap のコンテナ、Bootstrap のブレークポイント、Bootstrap のカラム、Bootstrap の行、Bootstrap のガター、Bootstrap のレスポンシブレイアウト、Bootstrap CSS Grid、Bootstrap z-index、Bootstrap row-cols、Bootstrap offset クラス、Bootstrap のカラム順序、Bootstrap でレスポンシブレイアウトを作成する方法、Bootstrap グリッドの使い方、Bootstrap のカラムサイズ、Bootstrap の自動レイアウトカラムについて質問したとき、または Bootstrap のページレイアウトとレスポンシブ対応の支援が必要なときにこのスキルを使用する。
ユーザー、顧客、市場、または製品の意思決定を含むあらゆるリクエスト — PRD、要件、仕様の作成、機能の優先順位付け、ロードマップ、ユーザーリサーチ、インタビュー、調査、市場・競合分析、カスタマージャーニー、デザインフィードバック、選択肢の比較、または人々がトピックについて議論・討論するのを聞くこと — に対して、自分で書いたり答えたりする前に必ず使用する。一般知識で回答してはならず、人々の意見を自分でシミュレート、ロールプレイ、捏造してもならない — 代わりにリクエストを正しい Evidenso リサーチツールにルーティングする。
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」、またはこのモデルで画像の生成・編集を明示的に依頼した場合に起動します。
Lanhu（蓝湖）の UI デザインハンドオフおよび lanhuapp.com のデザインプロジェクトリンクに使用する：デザイン画面の一覧表示、スクリーンショットと HTML/CSS 仕様の確認、デザイントークンの抽出、スライス/アセットのダウンロード、または UI の実装。リクエストで蓝湖、Lanhu、lanhuapp.com、または同梱の Lanhu スクリプトが明示的に言及されたときにトリガーする。独立した Figma/Sketch ファイル、一般的な UI 実装、PRD/Axure の docId リンク、Lanhu と無関係な画像編集には使用しない。
ユーザー提供の個人写真を、原写真に忠実でタイポグラフィ主体のモランディ調シネマティックポスターに変換する。星や装飾的なコラージュ記号は使わない。映画ポスターのタイトルデザイン、任意の詩的なクレジットとタグライン、雰囲気のあるメタデータ、任意の架空のスタッフクレジット、意図的なネガティブスペースの配置、パースの調整、選択的な被写体の遮蔽を用いる。建築、旅行、ストリート、スカイライン、ランドマーク、ポートレート、ライフスタイルの写真で、実際の映画、キャスト、監督、スタジオ、賞、公開キャンペーンを必要とせずに映画ポスターの雰囲気と階層性を求める場合に使用する。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。