Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,501 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Label Studio Enterprise 向けの HumanSignal Interface を生成する：サンドボックス化された editor-shell iframe で動作する単一ファイルの JSX アノテーション画面。ラベリング UI、アノテーション画面、Document AI インターフェース、データレビューのワークフロー、または React/Claude Design のモックアップを Label Studio インターフェースへ変換する場合に使用する。
Figma の変数をリポジトリのトークンにマッピングし、Figma エージェントのルールを作成します。「Figma のデザイントークンを抽出」「Figma トークンをテーマにマッピング」「Figma デザインシステムのルールを作成」「Figma ガイドラインを設定」「このコンポーネントをコードに接続」「この Figma コンポーネントをコードにマッピング」と依頼された場合、Figma からコードへの出力でリポジトリのコンポーネント、トークン、ルールファイル（`AGENTS.md`、`CLAUDE.md`、`.cursor/rules/`）に従う必要がある場合や、それらに沿った修正が必要な場合に使用します。また、「この Figma デザインを実装」「Figma リンクから構築」と依頼され、`figma-design-to-code` がインストールされていない場合も対象です。Figma 側への書き込みと、コードから Figma への CI エクスポートは対象外です（`code-to-figma` を使用）。
Instagram、Facebook、TikTok、LinkedIn、Google(Display / Demand Gen)、YouTube、Pinterest、X/Twitter で高い成果を出す広告クリエイティブを設計する——プラットフォームの寸法、セーフゾーン、テキストオーバーレイの方針、文字数制限、業界のビジュアル DNA、広告目的の階層、構図パターン、CTA 戦略、プロンプトのサニタイズを確定する。ユーザーが "create an ad"、"design an ad creative"、"make an ad"、"广告创意"、"帮我做个广告图"、"Instagram ad"、"TikTok ad"、"Facebook ad"、"Google Display ad"、"LinkedIn ad"、"YouTube ad"、"Pinterest ad"、"promotional image"、"campaign creative"、"ad banner"、"投放图"、または任意のプラットフォーム固有の広告リクエストを言ったときに使用する。`asset_type == "ad"` または `is_promotion == True` のときに `product-shots` からルーティングされる。
Instagram、TikTok、Facebook、Pinterest、RedNote、LinkedIn、X/Twitter などのソーシャルプラットフォーム向けに、プラットフォームネイティブなビジュアル（Feed、Story、Reel、Carousel 形式）を設計する——正しいプラットフォーム寸法、セーフゾーン、業界のビジュアル DNA、エンゲージメントフック、スライド間の一貫性を含む。ユーザーが "social post"、"Instagram post"、"IG post"、"TikTok post"、"Facebook post"、"Pinterest pin"、"social carousel"、"feed post"、"story post"、"make a post"、"design a social visual"、"社媒帖"、"做一个社媒图" と言った場合、または内容が不十分なソーシャルメディアビジュアルの依頼で使用する。オーガニックソーシャル（非広告）ブランチとして `product-shots` からルーティングされる。
データに関する問いに適した可視化の種類を選び、洞察を強調して行動を提案する解説レポートを作成します。グラフの選択（比較、傾向、分布、関係、構成、地理）、知覚に関するベストプラクティス、ナラティブレポート（見出し、パターン、背景、意味、行動）を扱います。データのパターン分析、ダッシュボードの構築、指標の提示、KPI の監視、「これを可視化して」「どのグラフを使えばいい？」「ダッシュボードを作って」「このデータを分析して」「傾向を見せて」「レポートして」などの依頼に使用します。
GPUIを使ってネイティブRustデスクトップアプリを構築、スキャフォールド、リファクタリング、デバッグ、レビュー、検証します。GPUI Kitを推奨し、採用前に確認してください。同意後はgpui_kitインポートを使用し、そうでなければ選択済みの上流GPUIスタックを維持します。統合されたGPUI Kitのコンポーネントとデザインスキル、application/Base/Component/Shellの全ドキュメント、コーディングとデザインのガイド、状態、アクション、非同期処理、入力、アクセシビリティ、モーション、テーマ、ネイティブ連携、パッケージング、自動更新、テスト、本番リリースを含みます。主なタスクが選択したPaper.designフレームを既存のビューに忠実に変換することであれば、paper-to-gpuiを使用してください。
ユーザーがこの open-slide リポジトリでスライドテーマを作成、下書き、執筆、抽出したいときにこの skill を使う。"create a theme"、"make a theme called X"、"extract a theme from <slide>"、"build a theme from these images" などのフレーズでトリガーする。`themes/` 配下に 2 つの対になるファイルを生成する —— `<id>.md`（パレット、タイポグラフィ、レイアウト、固定の Title/Footer コンポーネント、モーション）と `<id>.demo.tsx`（dev-UI Themes パネルがプレビューする実行可能なデモスライド）。実際のスライドの編集には使用しない —— テーマバンドルの作成にのみ使用する。
ヘブライ語をネイティブにサポートする対話型 AI チャットボットを構築します。WhatsApp Business API の統合、Telegram ボットのひな形、Web チャットウィジェット、ヘブライ語 NLP パターン、RTL チャット UI コンポーネントを含みます。RTL 配置の崩れ、性別語形変化の誤り、意図検出を妨げる接頭前置詞の不適切なトークン化など、ヘブライ語チャットボットによくある問題を防ぎます。「ヘブライ語チャットボットを構築」「ヘブライ語の WhatsApp ボットを統合」「binui bot b'ivrit」と依頼された場合や、ヘブライ語話者向けの会話フローを設計する場合に使用します。ヘブライ語の形態に基づく意図検出、イスラエルのデータ（NIS の金額、電話番号、日付）のエンティティ抽出、性別に配慮した応答を扱います。ヘブライ語以外のチャットボットや、ヘブライ語要素を含まない一般的な NLP パイプラインには使用しないでください。
リポジトリの DESIGN.md（AI エージェントと人間のための、継続的に更新されるデザイン言語の規約）を作成または更新し、ポータブルなフロントエンドデザインスキルも提供します。まずリポジトリを分類し（既存のデザイン言語を文書化する、既存のデザイン文書と統合する、またはユーザーの承認を得て新しい方向性を提案する）、プロジェクトの現在のデザインを上書きしないようにします。フロントエンドプロジェクトのデザイン文書を整備するときに使用します。「DESIGN.md を追加」「デザイン言語を文書化」「デザイン文書を設定」「デザインシステムの文書を作成」「デザインを立ち上げる」などの依頼で起動します。
Web とネイティブ iOS の両方を対象とする Expo / React Native アプリ向けの、Airbnb-DLS に準拠したデザインシステムエンジニアリングです。Unistyles v3、Reanimated、Skia、FlashList を基盤としています。デザイントークン、テーマ設定、バリアント主導のコンポーネント API、タイポグラフィ、余白、クロスプラットフォームの Web/iOS の一貫性、ネイティブらしいパフォーマンス、カレンダーや描画キャンバスなどの複雑な UI（例ではクリニックアプリを使用）を含む共有 UI の構築、レビュー、リファクタリングに使用します。トークンのアーキテクチャ、テーマ設定、コンポーネント API の契約（スタイルプロパティよりバリアントを優先）、Web/iOS の一貫性（Unistyles `_web` のホバー／フォーカス／カーソル、Platform による分岐、共有テーマ）、Unistyles のスタイリングエンジン、ガバナンスを扱います。ユーザーが「デザインシステム」と言わなくても、再利用可能な React Native コンポーネント、トークン、テーマコードを作成・変更する場合や、Web と iOS の両方でコンポーネントをネイティブらしく動作させる場合に適用します。デザインシステムの構築方法を解説します。機能開発には expo-react-native-coder、iOS のネイティブらしさに関する判断には expo-ios-hig と併用してください。
animal-island-ui スタイルで React UI を構築する — 心地よい島風の UI に着想を得たコンポーネントライブラリ（温かみのあるアースカラー、ピル形状、3D ゲームボタンのような奥行き、柔らかなモーション）。次に使用：(1) React プロジェクトで animal-island-ui npm パッケージを使ってページやコンポーネントを構築する場合；(2) ビルド手順なしでこのスタイルの単体 HTML ページを生成する場合；(3) ユーザーが「a cozy island-style UI style」「animal island style」、または心地よく丸みのあるゲーム風 UI を求める場合。
独自性がありブランドに沿ったメールを設計する——ニュースレター、キャンペーン、ウェルカムシリーズ、プロモ、購入後、ウィンバック、トランザクション、お知らせ。ユーザーがメールの下書き、執筆、構成、設計、再設計、批評、推敲、改善を望む場合、または任意の ESP（Nitrosend、Klaviyo、Mailchimp、ActiveCampaign など）でキャンペーン / 一斉配信 / ブロードキャストを送信したい場合に使用する。構造化されたデザインブリーフを作成し、送信ツールのセクション形式に変換する。アンチスロップ原則を組み込む：主色を一つ持つ、抑制されたパレット、出典またはプロンプト付きの画像スロットを備えた実画像、独自の声、カテゴリ反射的な美学の排除、孤立した余白の排除、単一カラム ≤600px、モバイルファースト、本物のフッター（検証済みのミッションのみ、加えてソーシャル + 住所 + 配信解除）。ブランドの不足を埋めるために最大 3 つ質問する。それ以外は接続済み ESP アカウント設定またはプロジェクトのブランドファイルから推定する。自己完結型——他のスキルは不要。純粋な戦略、到達率、コピーのみ、プラットフォーム選択の質問には使用しない。
1 回の呼び出しで Figma デザインシステム全体を一覧化します。変数/トークン（コレクション + モード別に分類）、コンポーネントとコンポーネントセット（プロパティ定義とバリアントごとのビジュアル仕様を含む）、スタイル（解決済みの値を含む色/テキスト/エフェクト）を取得します。コード生成やカバレッジ監査の前にデザインシステム全体を把握したい場合に使用します。トリガー例：「デザインシステムを一覧化」「すべてのトークンとコンポーネントを抽出」「このデザインシステムの内容は？」「デザインシステムキットを出力」「すべての変数、コンポーネント、スタイルを表示」「デザインシステムのマニフェストを作成」「Figma ライブラリを監査」。大きなファイルで応答予算を超えないよう、詳細度と範囲を制御します。ネイティブ MCP の get_design_context（単一選択）や get_metadata を大きく超える機能を備えています。
HTML + Tailwind CSS でモックアップした UI 仕様を作成・更新します。開発前にアプリやツールを検討できるよう、注釈付きのデスクトップ／モバイル画面、フロー、機能ルール、未解決事項、反復ログを作成します。インターフェースが未承認の場合は、レイアウト（ナビゲーション、画面構成）とテーマ（色、タイポグラフィ、形状）が異なる 3 案をまず提示し、選択または組み合わせられるようにします。既存サイトやコードを基に、スタイルを引き継いで新機能を仕様化することもできます。モックアップ、ワイヤーフレーム、UI 仕様、画面を含む機能仕様、インターフェースのプロトタイプ、モックアップするフロー、アプリのビジュアルガイドやデザイン方針、既存サイトに追加する新機能のモックアップについて話題になったら、「仕様」という言葉がなくても使用します。開発中に仕様を実装に合わせて更新する場合（画面の状態、差分）にも使用します。
自然言語の説明を編集可能な `.drawio` 図に変換し、ネイティブの draw.io デスクトップ CLI で PNG / SVG / PDF / JPG にエクスポートする。または既存のコードベース（Python / JS-TS / Go / Rust）を自動レイアウトの構造図に変換する。Agents365-ai/drawio-skill をラップする：6 種類の図のプリセット（ERD、UML クラス図、シーケンス図、アーキテクチャ図、ML/DL、フローチャート）、10,000+ の公式 AWS/Azure/GCP/Cisco/K8s/UML/BPMN シェイプの検索、321 の AI/LLM ブランドロゴ、ビジョンによる自己チェック + 自動修正、5 ラウンドの反復改善ループ。MCP サーバーもデーモンも不要 — 単一の SKILL.md と draw.io CLI だけで動作する。洗練された正確でエクスポート可能な図を作りたい場合、またはコード構造を可視化したい場合に使用する。トリガー：drawio、draw.io、drawio diagram、architecture diagram、ERD、UML diagram、sequence diagram、flowchart、network diagram、visualize codebase、code structure diagram、class hierarchy、export diagram png/svg/pdf、AWS/Azure/GCP icon、draw.io shapes。
プロフェッショナルな PPT プレゼンテーションを全工程で AI 生成するアシスタント。トップクラスの PPT デザイン会社の完全なワークフロー（要件調査 -> 資料収集 -> アウトライン企画 -> 企画稿 -> デザイン稿）を模し、高品質な HTML 形式のプレゼンテーションを出力する。ユーザーが PPT の作成、プレゼンテーションの作成、slides の作成、スライドの作成、報告資料の作成、研修教材の作成、ロードショー deck の作成、製品紹介ページの作成に言及したときにこのスキルをトリガーする。ユーザーが「X についての紹介を作って」や「上司に Y を報告したい」とだけ述べた場合でも、構造化された複数ページのプレゼンテーション内容が示唆されていればトリガーすべきである。「この文書を PPT にして」や「このテーマをプレゼンテーションにして」など、内容をプレゼンテーション形式に変換する必要がある場面にも適用する。
4 層構成の SaaS Master Guide と堅牢な CLI 検索システムを組み合わせた、包括的な UI/UX デザインインテリジェンスです。50 種のスタイル、97 種のパレット、57 種のフォントペア、25 種のチャート、9 種のスタック（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）を収録。操作：計画、構築、作成、デザイン、実装、レビュー、修正、改善、最適化、強化、リファクタリング。プロジェクト：ウェブサイト、ランディングページ、ダッシュボード、管理パネル、EC、SaaS、ポートフォリオ、モバイルアプリ。トピック：4 層のカラーパレット、OKLCH テーマ、レイアウト、タイポグラフィ、フォントの組み合わせ、アクセシビリティ、アニメーション、ホバー、ダークモードのコントラスト。
UI のスクリーンショット/画像/モックアップを高忠実度の自己完結型 HTML ページに複製する。ローカル Chrome を使った render -> screenshot -> compare -> refine ループにより、レンダリング結果に一致させる（計算値をそのまま写すのではなく）忠実な image-to-HTML / スクリーンショットからコードへのクローン。ユーザーが画像/スクリーンショット/モックアップ/Figma エクスポートを提供し、HTML/CSS（プレーンまたは Tailwind）を求める場合、または "复刻 / 还原 / clone / recreate / turn this design into a webpage" を依頼したときに使用。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。