Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,501 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
クロスプラットフォームおよびネイティブのモバイル開発。フレームワーク：React Native、Flutter、Swift/SwiftUI、Kotlin/Jetpack Compose。能力：モバイル UI、オフラインファーストアーキテクチャ、プッシュ通知、ディープリンク、生体認証、アプリストアへのデプロイ。操作：モバイルアプリの構築、作成、実装、最適化、テスト、デプロイ。キーワード：iOS、Android、React Native、Flutter、Swift、Kotlin、モバイルアプリ、オフライン同期、プッシュ通知、ディープリンク、生体認証、App Store、Play Store、iOS HIG、Material Design、バッテリー最適化、メモリ管理、モバイルパフォーマンス。使用場面：モバイルアプリの構築、モバイルファースト UX の実装、ネイティブかクロスプラットフォームかの選択、バッテリー/メモリ/ネットワークの最適化、アプリストアへのデプロイ、モバイル固有機能の処理。
Odoo の包括的な i18n ツールキット。翻訳可能な文字列の抽出、.po ファイルの検証、翻訳レポートの生成、アラビア語 / RTL レイアウトの管理、Odoo 14-19 にわたる多言語デプロイの処理を行う。 <example> Context: ユーザーが翻訳可能な文字列を抽出したい user: "Extract all translatable strings from my Odoo 17 module to a .pot file" assistant: "I will use the odoo-i18n skill to scan Python _() calls, XML translate attributes, and field strings, then generate a properly structured .pot template file." <commentary>Core trigger - translation extraction workflow.</commentary> </example> <example> Context: ユーザーがアラビア語翻訳を求めている user: "Generate an Arabic .po file for my Odoo module" assistant: "I will use the odoo-i18n skill to create an ar.po file with RTL-aware formatting and placeholder translations for all extractable strings." <commentary>Language-specific trigger - Arabic/RTL translation generation.</commentary> </example> <example> Context: ユーザーが翻訳ファイルを検証したい user: "Validate my Arabic .po file for errors" assistant: "I will use the odoo-i18n skill to check syntax, encoding, empty translations, fuzzy entries, and RTL-specific issues." <commentary>Validate trigger - .po file validation.</commentary> </example> <example> Context: ユーザーが不足している翻訳を探したい user: "Find all strings missing Arabic translation in my module" assistant: "I will compare the .pot template against ar.po and report all untranslated or fuzzy entries." <commentary>Missing trigger - translation gap analysis.</commentary> </example> <example> Context: ユーザーが RTL/SCSS の支援を求めている user: "Fix the RTL layout issues in my Odoo theme for Arabic" assistant: "I will use the odoo-i18n skill to apply CSS logical properties, [dir='rtl'] overrides, and Font Awesome icon swaps for Arabic support." <commentary>RTL trigger - Arabic layout and styling guidance.</commentary> </example> <example> Context: ユーザーが Odoo CLI 経由で翻訳をエクスポート/インポートしたい user: "Export translations for my module using Odoo CLI" assistant: "I will use the odoo-i18n skill to run the Odoo export command and generate the .po file." <commentary>Export trigger - Odoo CLI translation export.</commentary> </example> <example> Context: ユーザーが Odoo に言語を読み込みたい user: "How do I activate Arabic language in my Odoo database?" assistant: "I will use the odoo-i18n skill to load the Arabic language pack and activate it via shell or CLI." <commentary>Language activation trigger.</commentary> </example> <example> Context: ユーザーがデプロイ後に翻訳の問題を抱えている user: "My translations are not showing after I updated the module" assistant: "I will diagnose the issue: check encoding, language activation, module update, and browser cache." <commentary>Troubleshooting trigger - translation visibility issues.</commentary> </example>
完全なエージェント駆動の Perfect Web Clone ハーネスを実行して、URL から実際のウェブサイトをクリーンでデプロイ可能な Vite + React プロジェクトとして再現する。ソースの証拠を取得し、ページ全体を設計し、各セクションを作成し、一般的なインタラクションを実装し、ビルドし、比較し、修正し、計測結果をユーザーにレビューとして渡す。ユーザーがエージェントにウェブサイトやウェブページのクローン、コピー、再現、複製、再構築、または 复刻 を依頼したとき、アクションと URL だけの最小限のリクエストを含めて使用する。ユーザーは自然言語の指示を 1 つ与えるだけで、現在のエージェントは決定論的な pwc hands と eyes を通じて内部のマルチステップループを実行する。
スライドデッキを HTML/CSS（カスタムまたは reveal.js）で設計する：固定 16:9 キャンバス上のスライドレイアウト、プレゼンのタイポグラフィ、スライドグラフ、ビルドとトランジション、スピーカーノート、PDF エクスポート。ブラウザで発表または共有するデッキに使用する。ネイティブの .pptx ファイルには PowerPoint 専用ツールを使用する。トリガーフレーズ：「presentation」「slide deck」「slides」「pitch deck」「keynote」「reveal.js」「slide design」「presentation template」「speaker notes」
再利用可能な UI ビルディングブロックのための Symfony UX TwigComponent——PHP クラスと Twig テンプレートによるサーバーレンダリングコンポーネント。ボタン、カード、アラート、バッジ、ナビバー、または props、blocks/slots、計算プロパティ、匿名（テンプレートのみ）コンポーネントを備えた再利用可能な UI 要素を作成するときに使用する。コードのトリガー：AsTwigComponent、#[AsTwigComponent]、ExposeInTemplate、PreMount、PostMount、<twig:Alert />、<twig:Button>、component()、computed properties、anonymous component、HTML syntax。ユーザーが「再利用可能なコンポーネントの作り方」「コンポーネントライブラリの作り方」「コンポーネントへの props の渡し方」「コンポーネントでの slots/blocks の使い方」「Symfony でのデザインシステムの構築方法」「コンポーネントの HTML 構文とは」「PHP クラスなしでコンポーネントを作る方法」を尋ねたときにも起動する。ユーザー入力で動的に再レンダリングするコンポーネント（live-component を使う）、JS の挙動（stimulus を使う）、ページナビゲーション（turbo を使う）には起動しない。
Unovis データ可視化フレームワーク向けの Vue 3 コンポーネント、@unovis/vue 1.7.0。@unovis/vue をインポートするコード、または VisXYContainer、VisSingleContainer、VisArea、VisLine、VisStackedBar、VisCrosshair、VisTooltip などの Vis* コンポーネントをレンダリングするコードを書く、デバッグする、更新するときに使用する。コンポーネントカタログ、props、events、tooltips、colors、patterns、SSR、および 1.7.0 の API 変更を扱う。
公式のブランドカラーとタイポグラフィをプロフェッショナルな成果物に適用する。プレゼンテーション、レポート、ドキュメントで企業のビジュアルアイデンティティを確保するために使用。"クライアントにそのまま出せる" ルック&フィールが求められたときに積極的に使用する。例：- ユーザー：「このレポートをブランディングして」 -> 企業の配色とフォントを適用 - ユーザー：「このスライドにブランドガイドラインを適用して」 -> XML の配色/フォントを更新 - ユーザー：「このドキュメントがブランドに沿っているか確認して」 -> 配色/フォント標準に照らして検証
[devup-ui] Devup UI のルーティング優先のフロントドア — ゼロランタイムの CSS-in-JS ライブラリで、その Rust + WebAssembly プリプロセッサがすべてのスタイルをビルド時に抽出するため、実行時にスタイリング JavaScript は一切配信されません。Devup UI の導入/統合、ビルド時プラグインの Next.js/Vite/Rsbuild/Webpack/Bun への組み込み、Box/css props または styled-components 互換の styled() API によるスタイル記述、devup.json による型安全なテーマ設定、styled-components/Emotion/Tailwind/Panda/vanilla-extract からゼロランタイムへの移行に使用します。
機能のウォークスルー録画を、製品内部に埋め込むための短い無音対応クリップに変える。tooltip、オンボーディングチェックリストのステップ、ヘルプウィジェットの動画向けであり、単体で共有する動画ではない。ウィジェットが隣接する単一の機能にトリミングし、無音でも要点が伝わるよう画面上のテキストを追加し、埋め込み先が必要とする場合はコンパクトなアスペクト比に再構成する。書き出されたクリップは Clueso が生成し、それをガイダンスツールに埋め込むのはユーザー自身の手順となる。ユーザーが「この機能のアプリ内ガイダンスクリップを作って」「このウォークスルーを埋め込み可能な tooltip 動画にして」「短い製品内ヘルプクリップを作って」「オンボーディングチェックリストウィジェット用の無音クリップが必要」と言ったときに使用する。
要件から動作するコードまで MATLAB アプリを構築する。探索的な質問を行い（経路が既知の場合は省略）、UIFigure または UIHTML アーキテクチャを推奨し、レイアウトのアーキタイプ（Dashboard、Explorer、Tabbed、Wizard、Canvas）を特定し、実装計画を作成してビルドを実行する。UIFigure アプリでは、必要に応じて App Designer（.mlapp またはプレーンテキストの .m + .xml）としてシリアライズできる。ユーザーが MATLAB アプリの構築、GUI の作成、インタラクティブツールの作成、uifigure アプリの構築、uihtml アプリの構築、App Designer アプリの構築、.mlapp アプリの構築、プレーンテキストの App Designer アプリの構築を望む場合、またはどのアプローチを使うべきか質問する場合に使用。また、ユーザーが空間レイアウトのニーズ（dashboard、control panel、sidebar、tabs、wizard、stepper、canvas、workspace）を説明する場合にも使用。
完成したデザインシステム文書（プロダクトの再利用可能な視覚 + インタラクション言語）をレビューまたは判定し、エンジニアがそこから一貫性がありアクセシブルな UI を構築できるかを判断するときに使用。AMEND の差分スコープでレビューする。作成ではなくゲート。単一のソースに基づくユーザビリティ/一貫性/アクセシビリティの基準で判定する：トークンは DTCG で型付けされ、生の値ではなく意図によって参照される。コンポーネントは単一の API 語彙で完全に仕様化される。カタログは各画面のコンポーネントに加え、アーキタイプ規模の標準セットを網羅する。アクセシビリティは数値で示される（WCAG 2.2 のコントラスト、フォーカスの外観、ターゲットサイズ、キーボード）。i18n は対応済みかスコープ外とされる。ガバナンスがそのしきい値を上回って存在する。捏造は一切ない。`VERDICT: approve|revise` のみを出力し、実行可能な指摘を添える。規模に見合ったシステムを誤って revise 判定しない。文書の作成、画面ごとのレイアウト、ナビゲーションパス、エンジニアリング設計文書には使用しない。
UI/UXデザインのインテリジェンス。50種類のスタイル、21種類の配色、50種類のフォントペア、20種類のチャート、9種類の技術スタック（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）を提供します。操作：計画、構築、作成、デザイン、実装、レビュー、修正、改善、最適化、強化、リファクタリング、UI/UXコードのチェック。プロジェクト：ウェブサイト、ランディングページ、ダッシュボード、管理パネル、EC、SaaS、ポートフォリオ、ブログ、モバイルアプリ、.html、.tsx、.vue、.svelte。要素：ボタン、モーダル、ナビゲーションバー、サイドバー、カード、テーブル、フォーム、チャート。スタイル：グラスモーフィズム、クレイモーフィズム、ミニマリズム、ブルータリズム、ニューモーフィズム、ベントーグリッド、ダークモード、レスポンシブ、スキューモーフィズム、フラットデザイン。トピック：カラーパレット、アクセシビリティ、アニメーション、レイアウト、タイポグラフィ、フォントペア、余白、ホバー、シャドウ、グラデーション。統合：コンポーネント検索とサンプル表示に shadcn/ui MCP を使用
デザインシステム文書を執筆するときに使用する — 製品の UI が依拠する再利用可能な視覚＋インタラクション言語：原則、W3C DTCG 形式のデザイントークン（色、タイポグラフィ、余白、エレベーション、モーション、アイコノグラフィー）、コンポーネントカタログ、パターン、レイアウト＋国際化の慣例、WCAG 2.2 AA アクセシビリティ、ボイス、ライフサイクル/ガバナンス。アウトラインではなく METHOD を導く：トークン/コンポーネントを確立された実践に基づかせ、プリミティブ/セマンティック/コンポーネントの階層で意図によりトークンを命名し、エイリアス交換によるテーマ化（ライト/ダーク＋マルチブランド）を行い、アーキタイプに合わせてカタログの規模を定め、各コンポーネントを解剖構造＋状態＋バリアント＋使用法＋アクセシビリティで規定し、既存システムへの改訂を範囲を限定したバージョン付きの差分として行う。デザインシステムテンプレートツール＋ディープリサーチと組み合わせる。対象はテキストの markdown 成果物であり、レンダリングされたスウォッチではない。デザインシステムのレビュー、画面ごとのレイアウト（ワイヤーフレーミング）、コーディングされたコンポーネントライブラリには適さない。
あらゆるデジタルプロダクト（ランディングページ、ウェブサイト、Web アプリ、モバイルアプリ）向けのグリーンフィールド設計パイプライン：コンテンツを抽出し、.agents/design/ に単一ファイルのビジュアルアイデンティティ（DESIGN.md、tokens と根拠）を作成し、レイアウトまたは画面フローを定義し、デザインをプレビューして磨き、利用可能なら外部デザインツールへプッシュする。参考資料、画像、ブリーフ、既存コードベースからページやアプリ画面を構築する場合、レイアウトや画面フローを定義する場合、デザインをプレビューして調整する場合、ソースから DESIGN.md を作成または更新する場合に使用。トリガー："extract copy"、"extract design"、"extract from codebase"、"web capture"、"wireframe"、"screen flow"、"layout the page"、"preview the design"、"creative variants"、"tune design"、"mockup"、"redesign this app"、"modernize this app"、"brand refresh"、"validate DESIGN.md"、"refresh design tokens"、"push design to external tool"、"generate hero banner"、"create product image"。機能実装の仕様、システムアーキテクチャ、PR/コードレビューには使用しない。
React、Next.js、Vite、ドキュメントサイト、ダッシュボード、コンポーネントシステム、製品サイト、スタジオ風アプリを改善するためのエンドツーエンドのフロントエンドデザインエンジニアリングワークフロー。UI/UX/デザイン/フロントエンド/ウェブサイト/ドキュメント/アプリの画面をより洗練させ、キュレーションされた、プレミアムで使いやすく、プロダクション品質で、レスポンシブで、アニメーションがあり、視覚的に一貫したものにしてほしいとユーザーが求めたときに使用。TSX/JSX/CSS/Tailwind/Fumadocs/shadcn/Radix/lucide のインターフェースを編集するとき、デザインエンジニアリングのツールやインスピレーションのリソースを選ぶとき、ローダー、アイコン、空/読み込み/エラー状態、モーション、インタラクションの詳細、ビジュアル QA を追加するときにも使用。
Frappe v14-v16 で Workspace ページを作成またはカスタマイズするときに使用する。Workspace DocType の構造、ショートカット、数値カード、ダッシュボードチャート、カスタム HTML ブロック、JSON コンテンツ形式、カスタムアプリでの Workspace の配布、ロールベースのアクセス制御を扱う。コンテンツと子テーブルの不整合や fixtures の欠落といったよくある間違いを防ぐ。キーワード: workspace、desk、dashboard、number card、chart、shortcut、customize desk、dashboard setup、add shortcut、module page、sidebar customize、workspace builder、module、fixtures、sidebar。
SaaS 製品、Web アプリ、ダッシュボード、オンボーディングフロー、ランディングページ向けの本番用フロントエンドインターフェースを設計、構築、レビュー、改善する。Codex が要件を明確で抑制の効いた、一貫性があり信頼できる UI に変換する必要があるフロントエンドデザイン作業に使用する。AI が生成した視覚的な雑然さを取り除き、階層、状態、コピー、ナビゲーション、レスポンシブ、使いやすさを改善し、既存のインターフェースを磨いてユーザーが戸惑わずに主要なタスクを完了できるようにする場合にも使用する。
Stigg のドロップイン UI コンポーネントを統合するときに使用 — ペイウォール／料金表、カスタマーポータル、チェックアウト、およびクレジットウィジェット（残高、使用率、使用量チャート、付与テーブル、自動チャージの状態、自動チャージの設定）。トリガーには「Stigg paywall」「pricing table」「customer portal」「Stigg checkout」「credits widget」「credit balance widget」「Paywall component」「CustomerPortal component」「render Stigg widget」「widget designer」「client-side security」「stigg widgets storybook」が含まれる。ヘッドレスのゲーティングロジックにはスキップ — stigg-entitlements を使用する。
旅程の itinerary から美しくデザインされた旅行ガイドブックの PDF を作成する。深いリサーチから Playwright による PDF エクスポートまでのエンドツーエンドのワークフローで、AI 生成画像ゼロ、Tabler Icons、インライン SVG 装飾、Claude の温かみのある羊皮紙の美学を特徴とする。ユーザーが 路书、旅行指南、travel guidebook、行程手册、trip planner、自驾游攻略、itinerary book、攻略、出行指南、旅行计划、行程规划 に言及した場合、または旅のメモを印刷可能なガイドにしたい場合にこのスキルを使用する。複数日の旅行計画、ルートガイド、ロードトリップの計画、旅行攻略制作、旅行PDF、旅行リサーチをプロ品質のドキュメントに変換する場合にもトリガーする。
図やチャートはツールで描き、モデルに形をでっち上げさせない。ユーザーが次を言ったときに呼び出す——ベトナム語 "vẽ sơ đồ"、"vẽ biểu đồ"、"vẽ luồng"、"sơ đồ kiến trúc"、"sơ đồ hệ thống"、"sơ đồ quy trình"、"luồng xử lý"、"flow"、"graph"、"đồ thị"、"biểu đồ"、"chart"、"trực quan hoá"、"visualize"、"mô hình hoá"、"vẽ hộ"、"diagram hoá"、"chuyển mô tả thành hình"、"so sánh hai luồng"；英語 "draw a diagram"、"architecture diagram"、"workflow diagram"、"sequence diagram"、"data flow"、"state machine"、"lifecycle"、"dependency graph"、"org chart"、"chart"、"plot"、"dashboard"、"visualize this"、"turn this into a diagram"、"convert Mermaid"、"diff two flows"。関係/フローの図（ボックス + 矢印）とデータのチャート（数値）の両方の系統を対象とする。UI/landing page の画面には使用しない——それは `hallmark`。
Outlook、Gmail、Apple Mail、モバイルで正しく表示されるコードベースの HTML メールテンプレート:テーブルレイアウト、フルイドハイブリッドのレスポンシブ、ブレットプルーフボタン、メールのダークモード、サイズ制限。ユーザーが「メールをデザインする」「メールテンプレートを構築する」「ニュースレターを作成する」「HTML メール」「メールレイアウト」「トランザクションメール」「ウェルカムメール」「プロモーションメール」、その他メールテンプレート作業を依頼したときに使用する。Web のランディングページ(landing-page-design)や Web のダークテーマ(dark-mode)には使用しない。
Frappe でポータルページ、Web Forms、Web サイトルートを構築したり、テーマや SEO を設定したりするときに使用します。ルート解決の誤りによる 404 エラー、Web Form の送信失敗、SEO 用の meta タグの欠落を防ぎます。Web Page、Web Form、Portal Settings、Website Settings、Web サイトルート、Jinja テンプレート、Blog、Web Template、has_web_view、meta タグ、sitemap を扱います。キーワード：website、portal、Web Form、Web Page、route、theme、SEO、meta tags、has_web_view、Blog、Web Template、sitemap、customer portal、self-service、public form、web page、website not showing、404 on portal。
汎用的に適用できるフロントエンド/UI のベストプラクティス。UI を構築、変更、レビューするときは常に使用する——フォーム/ボタン/ダイアログ/モーダルの追加、キーボードショートカットの接続、フォームを送信するあらゆるインタラクティブな画面の作成、または TSX/JSX を書いたり編集したりするとき。コードを書く前に参照し、パターンが後付けではなく最初から組み込まれるようにする。スキル本文に記載されたシナリオが作業に当てはまる場合は、そのパターンを適用する——尋ねずに、そのまま従う（ユーザーが上書きできるよう、選択を一行で示す）。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。