Skills
エージェント向けにパッケージ化された専門スキルと手順を 96,981 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
Playwright を使って HTML テンプレートから Etsy リスティング画像を生成します。単体およびバッチレンダリングに対応し、タイトル、サブタイトル、バッジテキスト、商品画像をカスタマイズできます。Etsy の商品リスティング画像やモックアップの作成、複数商品の一括生成（例：パペットのプリント素材、デジタルダウンロード）に使用します。PRODUCT_IMAGE_URL、TITLE_TEXT、SUBTITLE_TEXT、BADGE_LEFT_TEXT プレースホルダーを使用する任意の HTML テンプレートで動作します。
nano-pdf CLI ツールで自然言語を使って PDF ファイルを視覚的に編集する。Google の Gemini 3 Pro Image（Nano Banana）を搭載。ユーザーが AI を使って PDF のスライドやページを編集、修正、更新したいときはいつでもこのスキルを使用する——誤字の修正、グラフ/図表の更新、色やブランドの変更、新しいスライドの追加、テキストの変更、PDF のデッキやレポートへのあらゆる視覚的な変更を含む。ユーザーが "nano-pdf"、"nano pdf"、"edit my pdf"、"update my slides"、"fix my deck" に言及した場合や、PDF コンテンツへの AI による変更を望む場合にもトリガーする。ユーザーが PDF ファイルについて "change the title on page 3" や "fix the typo on slide 5" と言っただけでもこのスキルは適用される。テキストの抽出、PDF の結合/分割、フォームの入力、その他の非視覚的な PDF 操作には使用しない。
実際のランタイムスクリーンショットとプロジェクトアセットを使い、ローカルの nexu-io/Open Design アプリでゲーム UI コンセプトを作成・生成・レビューする。Codex がスマートフォン、タブレット、デスクトップ、Steam、コントローラー、複数ロケール向けに Darkbone Archer UI を設計または再設計する必要があるとき、Open Design のハンドオフ/プロジェクトを作成するとき、ローカルの Codex デザイン実行を動かすとき、Open Design の HTML 成果物を検査するとき、またはランタイム実装前にデザインファーストの承認ループを完了するときに使用する。
実際の Darkbone Archer ランタイムから Open Design ハンドオフを構築・検証する——ゲーム UI（アップグレードのみの保持契約）と VFX/スキル/RIG デザインパッケージの両方。Codex が Open Design ハンドオフを準備、再生成、監査する必要があるとき；既存の Claude Design ハンドオフ zip を Open Design に取り込むとき；現在のスクリーンショット、アニメーション動画、キーフレーム、ソースアンカー、アセット、レスポンシブ状態、保持境界を収集するとき；またはスタンドアロンのコンセプトが、それが示していない既存のアイデンティティ、モーション、インタラクション、コピー、データを削除するのを防ぐときに使用。
Shopify プラットフォーム開発。スタック：Shopify CLI、GraphQL/REST API、Polaris UI、Liquid テンプレート。機能：アプリ開発（OAuth）、チェックアウト UI 拡張、管理画面 UI 拡張、POS 拡張、テーマ開発、webhook、billing API、商品/注文/顧客管理。操作：Shopify アプリ/テーマの構築、拡張、カスタマイズ、統合。キーワード：Shopify、Shopify CLI、GraphQL Admin API、REST API、Polaris、Liquid、checkout extension、admin extension、POS extension、theme、webhook、billing API、OAuth、app bridge、metafields、product、order、customer、storefront、hydrogen、oxygen。使用場面：Shopify アプリの構築、チェックアウトのカスタマイズ、管理画面の作成、テーマの開発、決済の統合、API によるストアデータの管理、Shopify 機能の拡張。
Microsoft Office スタイルのフォームを作成するために、Windows Forms アプリで Syncfusion Office2007Form を実装するガイド。Windows Forms で Office 2007 の UI スタイルを実装するとき、Office の配色を適用するとき、フォームの外観をカスタマイズするときにこのスキルを使用する。インストール、テーマ設定、キャプションのカスタマイズ、AeroTheme 構成を扱う。
Microsoft Office 2010 スタイルのフォームを作成するための Syncfusion Windows Forms Office2010Form コントロールを実装するガイド。Windows Forms で Office 2010 の UI スタイルを実装するとき、Office 2010 の配色を適用するとき、フォームのキャプションをカスタマイズするときにこのスキルを使用する。Office2010Form の継承、テーマ構成、キャプションのカスタマイズ、Aero テーマのサポートを扱う。
Windows Forms アプリで、テーマ適用可能なスクロールバーを任意のスクロール可能なコントロールに付加する Syncfusion SfScrollFrame コントロールを実装するガイド。Windows Forms でカスタムスクロールバー、スクロールバーのテーマ設定、既定のスクロールバーの置き換えを実装するときにこのスキルを使用する。スクロールバーの付加、外観のカスタマイズ、テーマの適用、スクロールバーイベントの処理を扱う。
タブ付きユーザーインターフェースとタイトルバーの統合を備えた Syncfusion Windows Forms Tabbed Form（SfTabbedForm）を実装するガイド。Windows Forms でタブ付きフォーム、マルチドキュメントインターフェース、タブナビゲーションを実装するときにこのスキルを使用する。SfTabbedForm のセットアップ、TabPageAdv の構成、ドラッグ&ドロップ機能、タブの選択、コンテキストメニューを扱う。
Windows Forms アプリでコンテキスト情報やホバーテキストを表示する Syncfusion Windows Forms Tooltip（SfToolTip）コンポーネントを実装するガイド。コントロールにツールチップ、ポップアップ情報、バルーンヒント、情報ポップアップを実装するときにこのスキルを使用する。SfToolTip のセットアップ、複数項目のツールチップ、カスタムツールチップ内容、外観のカスタマイズ、ツールチップ画像を扱う。
TailAdmin ダッシュボード UI フレームワークのパターンと Tailwind CSS クラス。ALWAYS use this skill when: (1) あらゆるダッシュボードや管理パネルのインターフェースを構築する、(2) データテーブル、カード、チャート、指標表示を作成する、(3) フォーム、ボタン、アラート、モーダルを実装する、(4) ナビゲーション（サイドバー、ヘッダー、パンくずリスト）を構築する、(5) TailAdmin デザインに従うべきあらゆる UI 作業。このスキルは、正確なクラスの使用を確保するために公式 GitHub リポジトリからの取得を REQUIRES する —— クラスを決してでっち上げないこと。
Odoo テーマの雛形作成と生成パイプライン。適切なファイル構造、SCSS 設定、ページテンプレート、ミラーモデル、theme.utils の有効化、自動修正インストールを備えた、完全でインストール可能な Odoo テーマモジュールを生成します。Odoo 14-19 をサポートします。 <example> コンテキスト：ユーザーが新しい Odoo ウェブサイトテーマを作成したい user：「Create a new website theme for Odoo 17」 assistant：「I will use the theme-create skill to scaffold a complete theme module.」 <commentary>主要トリガー - 新しいテーマの作成。</commentary> </example> <example> コンテキスト：ユーザーが Figma からテーマを雛形作成したい user：「Build an Odoo 17 theme from this Figma design」 assistant：「I will scaffold the theme module and extract design tokens from Figma.」 <commentary>Figma 抽出を伴うテーマ作成。</commentary> </example> <example> コンテキスト：ユーザーがマルチウェブサイト向けのミラーモデルを希望 user：「Create theme mirror models for my website pages」 assistant：「I will generate theme.ir.ui.view and theme.website.page records.」 <commentary>ミラーモデルの生成。</commentary> </example> <example> コンテキスト：ユーザーが壊れたテーマのインストールを修正したい user：「My theme won't install, I get an undefined variable error」 assistant：「I will diagnose the SCSS load order issue and fix the map-merge pattern.」 <commentary>テーマインストールのデバッグ。</commentary> </example>
プロジェクトのビジュアル方針を定義または収束させる必要がある場合に使用。プロジェクトのドキュメントをスキャンして意図を特定し、design-system.md を生成する（既存スタイルを維持するか、30 のプリセットから選択）。トリガー：design system、design spec、UI style、visual style、design tokens、color palette、typography、layout。フロー：スキャン → 意図 → （ゲート）維持かプリセットか → 確認後に design-system.md を配置 → （デフォルト）design-system.md に沿って UI/UX を実装（まず計画し、その後実行）。
Web アプリケーションの利用（E2E）フローのカタログとオーケストレーター。プロジェクトのフロー定義を保持し、それらを 1 つずつ `ux-persona` skill に渡してブラウザ上でユーザビリティを検証する。"list the flows"、"validate all flows as a user"、"run the usability walkthrough"、"create a new usage flow"、または Webwright スタイルの再生可能なエビデンスを伴うフローウォークスルーを実行するときに使用する。
Figma URL、スクリーンショット、テキスト、プロンプトなど任意の仕様ソースから、Vaadin Flow (Java) におけるフォーム、エンティティエディター、データ入力ビューの視覚構造とレイアウトを構築する——フィールドとコンポーネントの選択、FormLayout のセクション分割、レスポンシブなカラムレイアウトを行う。Vaadin でフォーム、エンティティエディター、データ入力ビューの作成、実装、構築、生成を求められたとき、「フィールドを追加」「フォームを追加」「編集用のレイアウトを構築」と言われたとき、またはユーザーから構造化された入力の収集について説明されたときに使用する——「フォーム」という言葉が明示されていなくてもよい。本スキルが扱うのはフォームのレイアウトとコンポーネントのみである。Binder、コンバーター、バリデーションでフィールドを Java bean に接続するには、Vaadin ドキュメント MCP (search_vaadin_docs) で Binder と Form Validation のガイドを参照すること。
WeChat 公式アカウント記事パイプライン · 最終状態が整形済みの WeChat 公式アカウント HTML、または記事を自分の公式アカウントの下書きに保存する場合に使う（下書き保存のみ、一斉配信は絶対にしない）。入力は作成済みの Markdown/HTML で、本パイプラインは本文を代筆せず、その後の決定的な運用のみを行う：レンダリング → 画像の事前アップロード → カバー → 下書き保存。⚠️ ユーザー自身の公式アカウント管理画面に書き込むため、ユーザーが成稿を求めたとき以外は勝手に実行しないこと。下書き保存にはアカウント連携 + DOUBAOYA_API_KEY が必要；ローカルのレンダリング / テーマ変更のみなら不要。Trigger words: 正文写好了怎么发 / 要排版好的公众号 HTML / 接着排版发草稿 / 写公众号 / 转公众号排版 / 推公众号草稿 / 重新推草稿 / 带封面发布到草稿箱 / 把文章存进公众号草稿箱 / 公众号图文流水线 / wechat-article-pipeline。
ユーザーが視覚的な美学（Y2K、vaporwave、brutalist、cottagecore、dark academia など）を挙げたり説明したりする場合、美学を比較・区別したい場合、またはデザイントークンやアセットの作成前に形式的な特性分析が必要な場合に使用します。7 つの次元（パレット、書体、テクスチャ、形状、動き、空間上の慣習、文化的指標）からなるフレームワークと、主要な美学 168 種を収録した厳選辞典を提供します。aesthetic-application の基盤です。コンポーネントの実装、レイアウト、アクセシビリティの判断には使用しません。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。