Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
ユーザーがあらゆるマーケティングページ（ホームページ、ランディングページ、料金ページ、機能ページ、ブログ記事など）のコンバージョンを最適化・改善・向上させたいときに使用します。ユーザーが「CRO」「コンバージョン率の最適化」「このページはコンバージョンしていない」「コンバージョンを改善して」「なぜこのページが機能しないのか」と言及した場合にも使用します。サインアップ／登録フローについては signup-flow-cro を、サインアップ後のアクティベーションについては onboarding-cro を、登録以外のフォームについては form-cro を、ポップアップ／モーダルについては popup-cro を参照してください。
事前に抽出された論文の構造化された 9 セクション仕様（`paper_spec.md`）を単一ページの HTML 学術ポスターとしてレンダリングし、反復的な測定フィルループでレイアウトをページに合わせ、印刷可能な PDF と PNG サムネイルにエクスポートする。上流の `paper2assets` スキルが、ルートに `manifest.json` があり、論文のメタデータとメディアを格納した `assets/` フォルダを含む出力バンドルを生成している必要がある。ユーザーが抽出済みの論文アセットから HTML ポスター、PDF/PNG エクスポート、または PPTX を求める場合に使用する。例えば "render the poster"、"make the poster from this spec"、"export poster to PDF"、"paper2poster" など。3 つのスキル paper2assets → paper2poster → html2pptx は順に実行され、それぞれ単独で呼び出せる。
React Bits UI コンポーネントフレームワークの専門家。フロントエンドページを開発するときは、常に react-bits フレームワークのコンポーネントを優先して標準化されたコードを出力する。自然言語での要件記述に対応し、最適なコンポーネントの組み合わせを自動でマッチングする。トリガーワード：react-bits、reactbits、アニメーションコンポーネント、ランディングページ、landing page、hero section、animated component、フロントエンドページ開発、ページを作る。
主要な senior UI/UX オーケストレーションスキル。ユーザーが Web アプリ UI、SaaS ダッシュボード、内部ツール、ランディングページ、製品ページ、スクリーンショット、Figma デザイン、Figma MCP ワークフロー、デザインからコード、コードからキャンバス、デザインシステム同期、Stitch/AI UI 探索、三方向のデザイン探索、cursor reveal エフェクト、レスポンシブ動作、アクセシビリティ、視覚品質、senior UI/UX/SEO/LLM 評議会の意思決定、wiki コンテキストゲート、UI スキルシステムのワークフローの構築、リファクタリング、監査、批評、計画、検証を求めたときに使用する。作業を webapp-ui-skill、marketing-site-skill、ux-audit-skill、design-critic-skill、ui-ux-pro-max、stitch-design-bridge、senior-figma-orchestrator、cursor-reveal-hero、image-layer-alignment-validator、task-plan-v2-orchestrator、obsidian-wiki-ingest および共有検証ツールにルーティングしつつ、ローカルファーストのプライバシー、単一の中央責任者、偽のツールの禁止、エビデンス報告、視覚的検証を徹底する。
スティーブ・ジョブズ（Steve Jobs）の思考フレームワークと表現スタイル。Isaacson 公認の伝記、Stanford のスピーチ、Lost Interview、D Conference シリーズ、Make Something Wonderful、30 件以上の一次資料を詳細に調査し、6 つの中核的なメンタルモデル、8 つの意思決定ヒューリスティック、完全な表現 DNA を抽出。思考コンサルタントとして、ジョブズの視点から製品を分析し、意思決定を検討してフィードバックを提供する。ユーザーが「ジョブズの視点で」「ジョブズならどう考える」「Jobs モード」「steve jobs perspective」と言った場合に使用。単に「ジョブズの視点で考えて」「ジョブズならどうする」「ジョブズに切り替えて」と言った場合も起動する。
JavaScript（ej2-interactive-chat）を使って Syncfusion JavaScript Chat UI コントロールを実装する。ユーザーがチャット UI、チャットインターフェース、会話型 UI、メッセージングインターフェース、チャットアプリ、メッセージングシステム、カスタマーサポートチャット、AI チャットボット、その他のリアルタイム会話機能に言及したときにこのスキルを使用する。メッセージ、入力中インジケーター、ファイル添付、@メンション、サジェスト、ヘッダー/フッターのカスタマイズ、テンプレート、オンデマンド読み込み、メッセージツールバー、RTL サポート、ローカライズ、アクセシビリティ機能、および動作するコード例を伴う完全なチャットインターフェース実装について包括的なガイダンスを提供する。
Syncfusion JavaScript Inline AI Assistコントロールを実装します。ユーザーがインラインAI支援、ポップアップAI支援、コンテキストAIヘルプ、AIテキスト編集ポップアップ、AIによるコンテンツ要約、インラインコンテンツ生成、AIによるテキスト変換、クイックAIコマンド、承認／拒否ワークフロー付きAI支援、要素に連動するAIポップアップ、音声テキスト変換、音声入力、マイクボタン、Web Speech API、音声プロンプト、音声認識、speechToTextSettings、onStart、onStop、transcriptChanged、onError、またはポップアップ型AI支援インターフェースに言及した場合は、必ず直ちにこのスキルを使用してください。InlineAIAssistコンポーネント、インラインAIコンポーネント、ej2-interactive-chat InlineAIAssist、コンテキストAI支援、AIコマンドポップアップ、応答アクション処理、AIコンテンツ編集ワークフローにも直ちに使用してください
Tailwind CSS v4 を shadcn/ui、Vite、React と組み合わせる、本番環境で検証済みのセットアップ。使用場面：Tailwind v4 で React プロジェクトを初期化する、shadcn/ui をセットアップする、ダークモードを実装する、CSS 変数の問題をデバッグする、テーマ切り替えを修正する、Tailwind v3 から移行する、色/テーマの問題に遭遇する。対象：@theme inline パターン、CSS 変数アーキテクチャ、ThemeProvider によるダークモード、コンポーネントの構成、vite.config のセットアップ、v4 のよくある落とし穴、本番環境で検証済みのパターン。キーワード：Tailwind v4、shadcn/ui、@tailwindcss/vite、@theme inline、ダークモード、CSS 変数、hsl() ラッパー、components.json、React テーマ、テーマ切り替え、色が効かない、変数が壊れる、テーマが適用されない、@plugin ディレクティブ、typography プラグイン、forms プラグイン、prose クラス、@tailwindcss/typography、@tailwindcss/forms。
デザインやレビューを進めるための具体的な UI/UX 入力（パレット、タイポグラフィ、ランディングパターン、UX/アクセシビリティ制約）が必要なときに使用。検索可能な UI/UX デザインインテリジェンス（スタイル、パレット、タイポグラフィ、ランディングパターン、チャート、UX/アクセシビリティガイドライン + スタックのベストプラクティス）で、CSV + Python 検索スクリプトに支えられている。トリガー：UIUX/uiux, UI/UX, UX design, UI design, design system, design spec, color palette, typography, layout, animation, accessibility/a11y, component styling。アクション：search, recommend, review, improve UI。
ユーザーが「UI サウンドテーマを生成する」、「アプリのボタンクリック音を作成する」、「通知音を設計する」、「ダッシュボードやウォレットアプリ向けにまとまりのあるオーディオテーマを構築する」、「ゲームメニューの音を作る」、「HUD フィードバック音を作成する」、「テレビのナビゲーション音を設計する」、「既存サイトの音を監査する」、「トランザクション音が接続されているか確認する」、「UI オーディオの配線をレビューする」、「生成済みの UI サウンドを編集する」と依頼したときに使用するスキル。ElevenLabs と ffmpeg を通じて、意味的なインタラクションに対応する一貫した UI オーディオテーマを生成・監査・編集・配線し、候補の試聴、修正、再割り当て、採用を行うローカルのインタラクティブなピッカーを提供する。
ユーザーがインターフェースを操作できるかどうかを判定し、ヒューリスティック評価を実行する。問題が外観ではなく操作可能性である場合に使用——使えるか、使いにくいか、混乱するか、ユーザーはどこでつまずくか；ヒューリスティック評価、Nielsen のヒューリスティック、ユーザビリティ監査、重大度評価；UX の法則（Fitts、Hick、Miller/Cowan、Jakob、Tesler、Doherty、ピーク・エンド、Zeigarnik、美的ユーザビリティ）；ゲシュタルトのグルーピング、アフォーダンス、シグニファイア、マッピング、フィードバック、認知負荷、想起より認識；ナビゲーション、フォーム、検索/フィルター、テーブル/データ、フィードバック、アクション、開示、オンボーディングのパターンからの選択；またはユーザビリティ側のアクセシビリティ（WCAG POUR、インクルーシブデザイン）。対象外：視覚的な見た目や美的監査（core design/audit を使用）；文言やマイクロコピー自体（content-design を使用）；時間に沿った経路、IA、ファネル（journey を使用）；説得やコンバージョンの仕組み（behavioral を使用）；誠実なチャート/データのエンコーディング（data-viz を使用）。
リポジトリ、論文、下書きメモ、論文 URL、PDF、参考画像から学術図を計画、生成、検査、改善する。エビデンスに基づく学術図を設計し、意味的パレット、参考主導のスタイル、プロンプトエンジニアリング、情報密度のフィードバック、FigureSpec v1 のコンパイルを含む科学的画像プロンプトを構築、診断、修正する。ファストトラックの下書きから図への生成、ユーザーパススルーモード、AI がレンダリングしたテキストを編集可能な PowerPoint テキストボックスに置き換えることをサポートする。
アクセシビリティ準拠やインクルーシブデザインを含むタスクでは積極的に読み込んでください。ユーザーが「アクセシビリティをチェック」「WCAG を監査」「スクリーンリーダーの問題を修正」「キーボードナビゲーションを追加」「色のコントラストを確認」と言った場合に使用します。セマンティック HTML、ARIA パターン、キーボードナビゲーション、スクリーンリーダー対応、色のコントラスト比、フォームのアクセシビリティ、メディアの代替、フォーカス管理にわたる WCAG 2.1 AA 準拠を扱います。重要度評価付きの構造化された監査レポートを生成します。
AI エージェント向けに、shadcn/ui のミニマルでモダンな美学に基づく単一ファイル HTML のコンポーネント化仕様とテンプレート体系を提供する。ユーザーが「HTML ページ/Web ページを生成」「フロントエンドの可視化ダッシュボード/ボード」「面接/分析/テストレポート」「比較マトリクス/案の比較」「review 結果を可視化ページにする」「コードレビューレポート / diff を可視化レビューページにする」「markdown の壁/文字の壁を出力しない」「分析結果をインタラクティブな単一ファイル Web ページにする」などを求めた場合は、必ず本 Skill を使用する。ビルド不要、npm 不要、外部 CDN の導入は厳禁（オフライン時の白画面リスクなし）、純粋なネイティブ HTML/CSS/SVG、ダークモード対応、ダブルクリックで即時起動。
あらゆる Bagisto パッケージまたはモジュール（Admin、Shop、または任意のカスタム Webkul スタイルのパッケージ）向けの Blade テンプレート規約。Blade ビューの作成や編集、Blade コンポーネント（匿名の @props コンポーネントまたは Vue ベースの x-template コンポーネント）の構築、フォーム、データグリッド、モーダル、レイアウト、スロットの配線、プロジェクトのマークアップ、属性バインディング、インデント、フォーマットスタイルへの準拠の際に有効化される。規約はフレームワーク全体に適用され、異なるのはパッケージごとの名前空間トークンのみ。
CARTO Builder の地図を作成、編集、公開、検証する。ユーザーが自然言語のリクエストから地図を作成したい、既存の地図を編集したい（データセット、レイヤー、スタイリング、プライバシー、ポップアップ、ウィジェット、SQL パラメータ）、地図を複製したい、カスタムマーカーアイコンをアップロードしたい、または地図に AI エージェントを接続したいときに使用する。接続されている場合は CARTO MCP サーバーの地図ツール（`create_map`、`update_map`、`validate_map`、`read_maps`、`view_map`）に、スクリプト/バルク作成、組織横断のコピー、スクリーンショット、またはサーバーが接続されていない場合は `carto maps` コマンドライン——`create`、`update`、`delete`、`publish`、`validate`、`schema`、`agents`、`screenshot`、`copy`、`datasets update`——にルーティングする。
実装方法を計画する前に、機能をプロダクトとして形にします。機能を一文で表し、最小から最大までのユースケース、非表示にするもの、未解決のプロダクト上の問いを定めます。ユーザーが /draft-experience <feature> を実行する、機能のあるべき姿や十分に単純かどうかを尋ねる、または技術設計・ロードマップ・計画の土台となるエクスペリエンス文書を求めるときに使用します。既存の機能、バグ、提案が目指すプロダクト像に合っているかを確認する際にも使用します。docs/<feature>/EXPERIENCE.rev1.md を作成し、技術計画を始める前に単独でレビューします
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。