Skills
エージェント向けにパッケージ化された専門スキルと手順を 97,501 件掲載。コマンド 1 行でインストールできます。
デザイン・UI
コンポーネントを生成する前に、AI コーディングセッションへ UX 原則のコンテキストを追加します。フォーム、テーブル、ダッシュボード、ナビゲーション、チェックアウトなどのコンポーネントタイプに関連する UX 原則を対応付け、vibeCodingPrompts を取得して、Cursor、Claude Code、Windsurf などの AI コーディングツールに貼り付けられるコンテキストブロックを返します。API キーは任意です。調査引用付きの拡張プロンプトには uxuiprinciples.com API Access が必要です。
inference.sh CLI 経由で BiRefNet を使って画像の背景を除去します。モデル：BiRefNet（高精度の背景除去）。用途：商品写真、ポートレート、E コマース、透過 PNG、写真編集。トリガー：remove background、background removal、remove bg、transparent background、cut out image、background remover、rembg、product photo editing、cutout、transparent png、bg removal、photo cutout。
構造化されたUIデザインレビュー。既存コード（React/JSX、CSS、Tailwind）を確認し、動作が重要な場合は実際のブラウザーで実行中のアプリも調べ、優先順位付きのBefore / After / Whyテーブルで報告します。ビジュアル階層、余白、タイポグラフィ、色とコントラスト、コンポーネントの状態、モーション、レスポンシブ対応、アクセシビリティ、複数ページのフローとナビゲーション、インタラクションの一貫性を対象とし、Refactoring UIとEmil Kowalskiの原則に基づきます。アニメーション／カクつき／FPS、フォーカス順序、ページ間UXについては、chrome-devtools-mcp経由でChromeを操作し、スクリーンショットでは捉えられない内容を確認できます。ユーザーが「このUIをレビューして」「デザインレビュー」「このコンポーネント／画面／ページ／複数ページのフローを批評して」と依頼したとき、見た目が「おかしい」「AI生成のよう」「ワイヤーフレームのよう」な理由を尋ねたとき、またはビジュアルの完成度を高めたいときに使用します。UIを一から構築する場合はweb-taste、アニメーション一式についてはemilkowal-animationsを使用してください。
レイアウトパターン、件名の公式、配信到達性のルールを備えたメールマーケティングのデザイン。ウェルカムシーケンス、プロモーションメール、トランザクションメールのテンプレート、モバイル最適化を扱います。用途：メールマーケティング、ニュースレターのデザイン、ドリップキャンペーン、メールテンプレート、トランザクションメール。トリガー：email design、email template、email marketing、newsletter design、email layout、email campaign、drip campaign、welcome email、promotional email、transactional email、email subject line、email header image、email banner。
Triple Diamond 手法に基づいて体系化された本番利用可能な PM スキル。フェーズ別スキル（Discover から Iterate まで）、基礎スキル（ペルソナ、OKR、リーンキャンバス）、ユーティリティメタスキル、Design Sprint と Foundation Sprint の手法ツールを備えています。テンプレート、ワークフロー、出力例も含みます。カタログはコア部分をインストールし、Claude Code プラグインはスラッシュコマンドとサブエージェントを含む全ライブラリをインストールします。
Windows Presentation FoundationアプリケーションでSyncfusion WPFコンポーネントをセットアップし、使い始めるための総合ガイドです。インストール方法（Webインストーラー、NuGet、オフラインインストーラー）、システム要件の確認、プロジェクトへのコントロールの追加、テーマとローカライズの設定、セットアップの問題のトラブルシューティングを扱います。Syncfusion WPFのインストール、NuGetパッケージの設定、バージョンアップ、またはセットアップや設定の問題解決を支援する場合にこのスキルを使用します。
ui.inference.sh による React/Next.js 向けの JSON ベースの宣言的 UI ウィジェット。構造化されたエージェント応答からリッチでインタラクティブな UI をレンダリング。機能：フォーム、ボタン、カード、レイアウト、入力、セレクト、チェックボックス。用途：エージェントが生成する UI、動的フォーム、データ表示、インタラクティブなカード。トリガー：widgets、declarative ui、json ui、widget renderer、agent widgets、dynamic ui、form widgets、card widgets、shadcn widgets、structured output ui
Lenny Rachitsky のポッドキャストとニュースレターのアーカイブから抽出した、プロダクトマネジメントおよびデザイン関連のスキルです。各スキルに名称付きフレームワーク、チェックリスト、テンプレートが含まれます。カタログにはデザイン関連のスキル（顧客インタビュー、継続的ディスカバリー、フィードバック分析、プロダクトレビュー、オンボーディングとアクティベーション、PRD、成長モデル、プロダクトセンス、AI ネイティブ UX、AI 支援プロトタイピング）をインストールします。完全版のライブラリは戦略、採用、成長、リーダーシップも扱います。
誰かがモバイルのサブスクリプションや購入画面を共有し、何を変更、修正、テスト、改善すべきかを知りたいときに使用 — "here's my paywall"、"roast this"、"what should I test"、競合のスクリーンショット、進行中のデザイン、またはほとんどテキストのない画像。また、あなた自身がペイウォール画面を設計・生成する側で、従うべきデザインの参考が与えられていない場合にも使用 — 参考画像も、コピーできる既存画面も、レイアウト仕様もない場合 — 例えば "make me a paywall"、"make one that converts"、"will this convert?"、"is this any good?"。その場合このライブラリが参考となり、あなたが生成した画面を評価して修正する。flow-generator スキルが生成したペイウォールのレンダリングやフロー設定をレビューするときにも使用。"teardown" と名指しで求められるのを待たないこと。
投資家向けピッチデッキの構成、スライドごとのフレームワーク、ビジュアルデザインのルール、データの提示方法を扱います。12 枚のフレームワーク、グラフの種類、チーム紹介スライド、投資家に敬遠されがちな要素を取り上げます。用途：資金調達デッキ、投資家向けプレゼン、スタートアップのピッチ、デモデー、助成金の提案書。トリガー：ピッチデッキ、投資家向けデッキ、スタートアップのピッチ、資金調達デッキ、デモデー、ピッチプレゼン、投資家向けプレゼン、シードデッキ、シリーズ A デッキ、ピッチスライド、スタートアップのプレゼン、VC ピッチ、投資家とのミーティング
Instagram、LinkedIn、Twitter/X 向けの複数スライドのカルーセルデザイン。レイアウト規則とフックを扱う。スライド構成、テキストの階層、スワイプの心理、プラットフォーム固有の仕様を網羅。用途：カルーセル投稿、Instagram カルーセル、LinkedIn カルーセル、スライド投稿、教育コンテンツ。トリガー：carousel、instagram carousel、linkedin carousel、slide post、carousel design、swipe post、multi-image post、carousel template、educational carousel、carousel content、instagram slides、linkedin slides
ジャンル固有の慣習、タイポグラフィのルール、AI 画像生成を踏まえた書籍カバー（表紙）デザイン。フィクションとノンフィクションのジャンル、サイズ、サムネイルテスト、反復ワークフローを扱う。用途: 自費出版、電子書籍カバー、印刷カバー、オーディオブックカバー、カバーモックアップ。トリガー: book cover、cover design、ebook cover、book art、novel cover、self publishing cover、kindle cover、audiobook cover、book jacket、cover illustration、fiction cover、nonfiction cover
市場データとアバター生成を伴う、リサーチに基づく顧客ペルソナの作成。デモグラフィック、サイコグラフィック、ジョブ・トゥ・ビー・ダン、ジャーニーマッピング、アンチペルソナを扱う。用途: マーケティング戦略、製品開発、UX リサーチ、セールスイネーブルメント、コンテンツ戦略。トリガー: customer persona、buyer persona、user persona、target audience、ideal customer、customer profile、audience research、user research、icp、ideal customer profile、target market、customer avatar、audience persona
シニアビジュアルデザイナーとして、ブリーフから Penpot で本番品質の画面を設計する——既存のデザインシステム（トークン + コンポーネント）を再利用し、セクションごとに組み立て、一発で作ることはしない。説明から画面/ページ/ランディングページ/ダッシュボードを作成する場合に使用。既存コードの変換には使用しない（penpot-build-from-code を使用）。トリガー：'design a dashboard'、'create a landing page'、'design this app screen'、'build a UI from this brief'、'design a settings page'、'mock up a screen in Penpot'。
オーケストレーターが連携させる大規模な専門エージェントスキル集で、デザインスイートを備えています。Vision（クリエイティブディレクション、デザインシステム）、Muse（デザイントークン、テーマ、ダークモード）、Frame（MCP 経由の Figma からコードへのコンテキスト）、Pixel（モックアップからピクセル精度の HTML/CSS を生成）、Echo（ペルソナをシミュレートした UX 検証）、Prose（マイクロコピーと UX ライティング）、Ink（SVG アイコンとイラスト）。カタログはこれらのデザインスキルのみをインストールします。
グループ化、並べ替え、フィルタリング、編集に対応したカード形式のデータ表示に Syncfusion WPF CardView を実装します。WPF でカードパネルを実装する場合、ItemsSource でデータをバインドする場合、またはカードレイアウトをカスタマイズする場合に使用します。CardViewItem の設定、GroupCards、CanSort、CanEdit、EditItemTemplate、HeaderTemplate、ItemTemplate、SfSkinManager によるテーマ設定を扱います。
SfChromelessWindow と SfTabControl を組み合わせ、ドキュメントベースのアプリケーション向け Syncfusion WPF Tabbed Window コントロールを実装するための包括的なガイドです。WPF で枠なしのタブウィンドウ、ブラウザー風タブ、ドキュメント管理ウィンドウ、Visual Studio 風タブを実装する際に使用します。タブの切り離し、フローティングタブウィンドウ、ウィンドウ間のタブ統合、ドラッグ＆ドロップによるタブの並べ替え、MVVM のタブバインディングを扱います。
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。