Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,222 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
WordPress 6.6+ 向けの WordPress テーマコードレビューとブロックテーマ開発パターン。テーマコードのレビュー、theme.json スキーマの監査、テンプレート階層の確認、ブロックテンプレートの検証、グローバルスタイルの分析、スタイルバリエーションの検証、テンプレートパーツのレビュー、ハードコードされたスタイルの検出、クラシックテーマからブロックテーマへの移行の確認を行うとき、またはユーザーが "theme review"、"theme development"、"theme.json"、"block theme"、"FSE"、"Full Site Editing"、"template parts"、"template hierarchy"、"global styles"、"style variations"、"classic theme"、"child theme"、"theme patterns"、"theme.json validation"、"hardcoded styles"、"useRootPaddingAwareAlignments"、"classic-to-block"、"hybrid theme"、"WordPress.org theme" に言及したときに使用。theme.json の構造、ブロックテンプレート、テンプレートパーツ、スタイルシステム、クラシックテーマ移行パターンの問題を検出。
地域の対面会員を対象とするフィットネスコーチ向けに、葉童オリジナルの実写風小紅書カバーを作成します。具体的なテーマや本文があり、カバー、プロンプト、番号による構図選択、追加調整、または直接生成が必要な場合に使用します。本人が有効化した DNA を読み込んだ後、オリジナルの一問ずつ進める手順を実行します。構図は5種類固定、比率は3:4、上下に大きな文字を配置し、白と暖色のオレンジ・黄色を基調とします。幅広いテーマの提案、投稿タイトルのみの変更、本文全体のチェックには対応しません。
AI エージェントとともにマーケティングカタログ、ランディングページ、多段階ファネルを構築・管理する。JSON スキーマからカタログを作成し、即座に公開し、重み付きバリアントで A/B テストを実行し、訪問者分析を追跡できる — すべて会話を通じて行う。使用場面：(1) カタログ/ファネル/ランディングページの作成または更新、(2) 訪問者、コンバージョン、離脱率などの分析の確認、(3) 異なるカタログバージョンでの A/B テストの実行、(4) 自然言語のヒントによる訪問者の適切なカタログバリアントへの AI ルーティング、(5) チームアクセス用の API キーの管理、(6) カタログ用の動画のアップロード、(7) 個々の訪問者のジャーニーの表示、(8) フォームフィールドの回答分布の確認、(9) 本番環境に影響を与えずにカタログを安全に編集するサンドボックスの作成、(10) AI エージェント向けの正確なコンポーネント参照を取得するための要素インスペクターの使用、(11) AI エージェント統合のための Agent API によるヘッドレスなフォームデータ送信、(12) 高速読み込みのための画像のアップロードと圧縮、(13) 完全な型安全性を備えた TypeScript ファイルとしてのカタログ作成、(14) クレジットベースの課金によるダウンロード可能ファイル（PDF、ZIP、ドキュメント）のアップロードとホスティング、(15) インラインスクリプト向けの CatalogKit グローバル API ブリッジ（window.CatalogKit）によるカスタムインタラクティブ UI の構築、リアルタイムのフィールドアクセス、マルチフォームの分離、(16) ステートフルな Agent Session API による AI エージェントの段階的なカタログフォーム入力、(17) 無料トライアルファネル向けの 3D Secure 認証とオーソリ確保を備えた高度な Stripe チェックアウトの構成、(18) クラウドへのデプロイ前にホットリロードでカタログをローカルプレビュー、(19) push 時に自動で CDN へアップロードされるローカルファイル参照（画像、動画、スクリプト）の使用、(20) 組み込みのカート UI（フローティングボタン、スライドアウトドロワー、注文概要）と Stripe 決済連携によるファネルへのカートとチェックアウトの追加、(21) push 前のローカルでのカタログスキーマの検証、(22) テンプレートからの新しいカタログのスキャフォールド、(23) ローカルとリモートのカタログスキーマの差分比較、(24) 自分のテストキーを使ったローカルでの実際の Stripe チェックアウトのテスト、(25) AI エージェントのテストのための SSE ストリームによるローカル開発イベント（ページビュー、フィールド変更、チェックアウト）の監視。トリガー：catalog funnel、catalog kit、funnel builder、landing page、lead capture、create catalog、catalog analytics、conversion funnel、form builder、ab test、catalog api、ai routing、variant routing、hint routing、sandbox、element inspector、devtools、image upload、image compression、webp、typescript、ts config、file upload、file download、downloadable、hosted files、CatalogKit、window.CatalogKit、global api、inline script、html script、custom ui、api bridge、multi-form、agent api、headless form、agent session、form submission api、stripe checkout、3d secure、3ds、free trial、payment verification、trial end behavior、billing server、stripe webhooks、local dev、local preview、dev server、hot reload、local assets、local files、catalogs dev、cart、shopping cart、cart sidebar、cart drawer、checkout page、order summary、page offer、offer acceptance、add to cart、cart button、payment page、order bump、upsell、catalog validate、catalog init、catalog diff、catalog open、scaffold template、visibility conditions、debug panel、form state debug、validation overlay、local checkout、stripe test mode、dev events、event stream、local analytics、sse events
ブランドのビジュアルディレクションを確立し、そのまま貼り付けられる「style block」を含む Creative Direction Brief に凝縮する。下流の画像プロンプトはすべてこの style block を再利用するため、生成されるすべてのアセットが同じブランドから出たもののように見える。ユーザーが「自分のブランドスタイルを定義して」「一貫した見た目にしたい」「ビジュアルはどうあるべきか」「美学／ムード／カラーパレットの選定を手伝って」「生成した画像がどれも違って見える」と言ったとき、またはスタイルガイドがまだ存在しない複数アセットのクリエイティブ作業の前に使用する。Creative Direction Brief を出力する：美学プロファイル、16 進数コード付きのパレット、プロンプト用の style block、禁止事項。
任意のプロジェクトをオンボーディングする際に UI/UX の slop を掃除する——既存のビューをスキャンし、playwright で（before を）撮影し、hallmark にプロジェクト自体を読ませて本当に REDESIGN させる（それ自身の design.md を生成し、古い slop トークンに縛られない）。その後、slop-test の 58 gate + `/impeccable audit`/`critique` + `/qc-uiux`（シニア視点の 4 項目の判定、決定論的 `visual-qa` エンジン）に基づいて修正をループし、クリーンになるかループ予算を使い切るまで続ける。ユーザーが「slop を掃除」「プロジェクトの UI を整理」「UI を全体で標準化」「オンボーディング後に UI を掃除」「design prim」「/design-prim」と言ったときに呼び出す。
アトミックデザイン手法を用いて協働でデザインシステムを作成する。構造化された 7 段階のプロセス（哲学、トークン、原子、分子、有機体、テンプレート、組み立て）に従う。哲学のトレーサビリティ、命名されたデザイントークン、完全なコンポーネント階層を含む仕様成果物を生成する。デザインシステムの作成、ビジュアル言語の定義、UI トークン（色、タイポグラフィ、余白）の規定、コンポーネントカタログの構築、実装前のコンポーネントアーキテクチャの計画時に使用する。トリガー："create a design system"、"define design tokens"、"component library spec"、"visual language"、"atoms and molecules"、"style guide"、"UI philosophy"、"component hierarchy"。対象外：コードでのコンポーネント実装（atomic-design を使用）、フレームワークの選定（architecture-decisions を使用）。
Lazyweb は AI コーディングエージェント向けのデザインエビデンススキル。プロダクト UI を設計・批評・変更する際に使用 — 実際のアプリのスクリーンショット、競合の参考例、ベストプラクティス、簡単な例、カテゴリをまたぐ創造的なアイデア、ペイウォール最適化の指針、モバイルの成長とマネタイズの A/B テストの文脈を提供する。MCP ツールと https://www.lazyweb.com/mcp の Lazyweb サーバーを使って、適切な Lazyweb モード（デザインワークフロー、クイック検索、更新、フローチャート、A/B テスト調査）にルーティングする。トレーニングデータの雰囲気ではなくデザインエビデンスが必要なとき、あらゆる画面を設計する前に使用する。
アプリの非同期サーフェスを監査し、想定されるレイテンシとレイアウトの情報に基づいて適切なローディング、進捗、空状態——スケルトン画面、スピナー、プログレスバー、初回利用/結果なし/エラーの空ビュー——を実装する。ユーザーが「ローディング状態を追加して」「取得中にページが真っ白になる」「スケルトン画面を追加して」「固まったと思われる」「スピナーとスケルトンのどちら？」「空状態を設計して」「ゼロ状態」と言ったとき、または取得時に何も表示しないアプリをレビューするときに使用する。すべての非同期サーフェスのローディング/空状態の監査と、実装されたコンポーネントを生成する。
ビジュアル編集、ブロックベースのページビルダー、完全な SEO を備えた Next.js 16 + React 19 + TinaCMS サイトを構築します。ユーザーが TinaCMS、Tina CMS、CMS を使った Next.js、Next.js でのビジュアル編集、クリックして編集、コンテンツ管理された Next.js サイト、ブロックパターンのページビルダー、Next.js + TinaCMS への移行に言及したときは常に本スキルを使用します。TinaCMS のスキーマ設計、セルフホスト型 TinaCMS、TinaCMS のメディア設定、TinaCMS のトラブルシューティングでもトリガーします。スキャフォールディングから Vercel での本番デプロイまでの Day 0-2 のセットアップを扱います。
RoleModel の Optics デザインシステムで Rails ビューをスタイリングする — そのコンポーネント、`--op-` デザイントークン、テーマオーバーライド。CSS を書いたりレビューしたりするとき、ビューやコンポーネントをスタイリングするとき、色、間隔、フォント、角丸、影の値を選ぶとき、ハードコードされた CSS 値を修正するとき、プロジェクトトークンを追加するとき、アプリをテーマ設定するとき（ブランドカラー、フォント、カラースケール、ダークモード）に使用。ユーザーが "style this"、"make this look like the design"、"what token should I use"、"fix the hard-coded colors"、"change the brand color"、"add dark mode" と言ったときにも使用。
`primeng` を `@primeuix/themes` および `@primeuix/styles` と共に使用する Angular プロジェクト向けに、PrimeNG のコードとガイダンスを生成します。インストール、デザイントークンによるテーマ設定（Aura / Lara / Nora / Material プリセット）、Styled と Unstyled モード、PassThrough（`pt`）カスタマイズ API、すべてのカテゴリにわたるコンポーネントの使用法（フォームコントロール、ボタン、オーバーレイ、レイアウト、データ表示、表示、メニュー）、ReactiveForms / Signal Forms 統合、アクセシビリティ、v18→v22 移行における名称変更を扱います。ユーザーが PrimeNG、`primeng`、`p-*` コンポーネント、Aura/Lara/Nora テーマプリセットに言及した場合、または Angular プロジェクトの `package.json` に `primeng` や `@primeuix/*` の依存関係が含まれている場合に使用します。Angular の基礎については `angular-developer` と組み合わせて使用します。
Salla アプリの App Store リスティングページ（マーチャントがインストール前に見るページ）。そのリスティングページをカスタマイズする際に使用。`app_page_builder` MCP ツールでブロックの順序付きリストとして構築する；ブロックの要素を編集すると、共有のリスティングコンテンツ（名前、説明、logo、スクリーンショット、特典）がアプリのドラフト公開内容に書き込まれる。前提条件：先に `app_publish action=open` を呼び出してドラフトを作成する——それまではビルダーは無効。メディアは `salla_upload` でアップロードする。ドラフト/公開フローと `short_description` → salla-publication-consistency。スキーマ → salla-docs。
Salla アプリの EMBEDDED（ダッシュボード）UI のネイティブなルックアンドフィールを担う——Embedded SDK デザインシステム上の Partner dashboard iframe。内蔵/ダッシュボードページが可視 UI（設定、分析、アドオンフロー）を描画するときは常に使用。その 5 つの拘束力のあるゲートはすべて通過する必要があり——どれも省略できない——最終ゲートは実際のデモストアのスクリーンショット。検証されるまで完了ではない。ストアフロント UI → salla-storefront-ui；SDK/認証の配線 → salla-embedded-app。
自動候補機能を備えたテキスト入力向けの Syncfusion WinForms AutoComplete コントロールの実装をガイドします。オートコンプリートのテキストボックスの追加、自動候補機能の実装、候補付き検索ボックスの作成、URL/メールのオートコンプリートの有効化、Windows デスクトップアプリでの逐次検索機能の構築を行う場合に使用します。データバインディング、カスタマイズ、フィルタリング、複数列ドロップダウン、イベント、および AutoComplete 固有のすべての機能を扱います。
35 種類以上のグラフ、データバインディング、系列の構成、軸のカスタマイズ、インタラクティブ機能を備えた Syncfusion Windows Forms Chart コントロールを実装するためのガイド。Windows Forms のグラフ、ChartControl、グラフの種類、WinForms でのデータ可視化を扱うときに使用する。この skill は、グラフ系列、グラフ軸、データバインディング、凡例、スタイル設定、および Windows Forms アプリ（.NET Framework）向けの面グラフ、棒グラフ、折れ線グラフ、円グラフ、縦棒グラフ、バブルチャート、ローソク足チャート、金融チャート、統計チャートを含むすべてのグラフの種類を対象とする。
Windows Forms アプリケーションで Syncfusion GroupView コントロールを実装するためのガイド。画像付きリストコントロール、Visual Studio ツールボックス風インターフェイス、ナビゲーション項目リストを作成する際に使用します。GroupViewItem コレクション、ドラッグ＆ドロップ項目リスト、ハイライト選択、ツールボックス風インターフェイス、OutlookBar 風インターフェイス向けの GroupBar クライアントコントロールについて説明します。
Windows Forms アプリケーションで Syncfusion HubTile コントロールを実装するためのガイド。Windows 8/Windows Phone に似たアニメーション付きコンテンツタイルのライブタイル機能（スライド、回転、パルス遷移など）を作成する際に使用します。ダッシュボードタイル、ライブ通知、アニメーション付きステータス表示、自動アニメーションを備えた Windows 8 風 UI、バナー、ビジュアル更新について説明します。
カスタマイズ可能なキャプションバー、境界線、色を備えたモダンな Metro スタイルの Windows Forms を作成するための Syncfusion MetroForm コントロールを実装します。MetroForm、カスタムタイトルバー、フラット UI フォームを扱う場合や、Windows Forms の外観をモダン化する場合に使用します。このスキルは、キャプションバーのカスタマイズ、角丸、キャプションラベルと画像、高度なスタイル機能に関するガイダンスを提供します。
パンくずナビゲーションと階層パスの追跡のために Windows Forms で Syncfusion NavigationView コントロールを実装するためのガイド。パンくずトレイルを備えたファイルエクスプローラー、フォルダーブラウザー、ファイルブラウザー風インターフェイスを構築する際に使用します。パンくずナビゲーション、ドロップダウンナビゲーション、履歴の追跡、ドロップダウンによる子の選択を伴うパスベースの位置追跡のための階層バー構造について説明します。
カスタマイズ可能なテキスト形式で操作の進行状況を表示する Syncfusion ProgressBarAdv コントロールを Windows Forms で実装します。進行状況インジケーター、ローディングバー、または Percentage、Value、Custom のテキスト形式によるパーセント表示を作成する際に使用します。方向（水平/垂直）、テーマ、進行状況の追跡、ファイル操作、インストール、ダウンロード表示向けの進行状況イベントを扱います。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。