design-catalogue

design-catalogue

このカタログのメタスキルです。ユーザーがデザインスキルを閲覧、発見、または適切なスキルを探したい場合に有効化してください。すでにスキル名を指定している場合は有効化しないでください。

使用するタイミング

次のようなユーザーの依頼があった場合に有効化します。

• どのようなデザインスキルがあるか尋ねる場合（「どんなスキルがありますか？」「デザインスキルを見せてください」）
• スキル名を挙げずに課題を説明する場合（「プレミアムな UI にしたい」「ありきたりに見えないようにしたい」）
• タスクに適したスキルを尋ねる場合（「アニメーションには何を使えばいいですか？」「センスをよくするにはどれがいいですか？」）

ユーザーが特定のスキル名をすでに挙げている場合は有効化しないでください。そのスタブへ直接案内してください。

応答方法

1. 以下のカタログインデックスから、関連するセクションを提示します
2. 最適な候補と、その理由を一文でおすすめします
3. 該当するスタブのインストールコマンドを表示します
4. インストールして呼び出すかどうかを尋ねます

type:package と type:platform のスタブの場合は、スタブに記載されている npx skills add またはエージェントごとのインストールコマンドを表示してください。これらを直接 curl してはいけません。

ドメイン別の優先ルート

ユーザーの意図が明らかに特定のドメインに該当する場合は、以下のインデックス全体をスクロールするのではなく、そのドメインのカタログに直接案内してください。

ドメイン	案内先	対象
モーション、3D、シェーダー、ジェネレーティブアート	motion-catalogue	GSAP、Framer Motion、Three.js、Lottie、p5.js、シェーダー、動画
Figma、デザインからコードへの変換、トークン、プラットフォームスイート	figma-catalogue	Figma のスキル、Stitch、デザイントークン、Anthropic／Vercel／Expo のスイート
アクセシビリティ、WCAG、ウェブパフォーマンス	accessibility-catalogue	a11y 監査、WCAG 2.2、Core Web Vitals、React の品質
UI の仕上げ、ビジュアルデザイン、ブランド、モバイル	design-engineering-catalogue	センス、色、タイポグラフィ、iOS／Android、ブランドアイデンティティ
スライド、図表、データビジュアライゼーション、PM、デザインレビュー、コピー	content-catalogue	プレゼンテーション、ワイヤーフレーム、チャート、UX 戦略、PM フレームワーク、UX ライティング、コピーライティング、ユーザーリサーチ

カタログインデックス

デザインエンジニアリング（独自の UI センス）

スキル	最適な用途
taste-skill	高品質でありきたりではない UI — 変化、モーション、密度の調整
impeccable	23 個のコマンド、Chrome 拡張機能、Live Mode によるブラウザー上での反復
emilkowalski-skill	アニメーションの判断フレームワーク、イージング曲線、インタラクションの原則
make-interfaces-better	仕上げ：マイクロインタラクション、タイポグラフィの細部、ビジュアルの洗練
ui-craft	18 個のスラッシュコマンド、粗雑な UI を防ぐ CLI、3 種類のスタイル — 最も充実したデザインエンジニアリングスキル
frontend-design	8 種類の美的スタイル（ブルータリズム、北欧風、サイバーパンクなど）と、テーマごとに固定された CSS トークン
huashu-design	雑誌品質のタイポグラフィ、CSS Grid、アニメーション付きプロトタイプ、MP4 エクスポート
brand-design-md	実行時に 62 の世界クラスのブランド（Stripe、Linear、Apple など）の正確なトークンを取得
ai-graphic-design-skill	15 の AI ツールをデザインシナリオに対応付け、2025-26 年のクリエイティブディレクター向けロードマップを提供
logo-designer-skill	ブランドへのヒアリング → SVG コンセプトを 3～5 案作成 → 16px～2048px の PNG をエクスポート
distinctive-frontend	4 種類のテーマ別デザインシステム（サイバーパンク、ブルータリズム、ヴェイパーウェイヴ、北欧風）と段階的なアニメーション
design-for-ai	CHECKER（7 項目の監査）と APPLIER（6 フェーズの作成）のデュアルモードプラグイン
styleseed	69 のデザインルール、60 以上のブランドスキン（Toss、Stripe、Linear、Vercel など）、13 のスラッシュコマンド
awesome-design-skills	67 種類のスタイルを収録した美的スタイルレジストリ：グラスモーフィズム、ブルータリズム、弁当、エディトリアル、リソグラフなど
interaction-design	IxD の原則、コンポーネントの状態、マイクロインタラクション、アフォーダンス、タスクフロー — Norman と Tognazzini に基づく
format-storybook	Storybook のストーリー構造、テンプレートの構成、コントロール、Chromatic、CSF のパターン
localization-design	RTL のミラーリング、言語ごとのテキスト拡張、非ラテン文字の書体、文化によって異なる色やアイコンの注意点
design-system-governance	オーナーシップモデル、コントリビューションのライフサイクル、セマンティックバージョニングの契約、非推奨化ポリシー

モーションとアニメーション

スキル	最適な用途
design-motion-principles	UI モーションデザイン：意図のある動きを備えたコンポーネントの構築、または AI っぽいパターンの監査 — Emil Kowalski、Jakub Krehel、Jhey Tompkins の視点
algorithmic-art	p5.js、フローフィールド、パーティクルシステムを使ったジェネレーティブアート
shader-dev	GLSL シェーダー：レイマーチング、流体シミュレーション、WebGL エフェクト
p5js-hermes	p5.js クリエイティブコーディング：ノイズ、パーティクル、GLSL、音声反応
remotion	React を使ったプログラムによる動画制作
motion-design-skill	LottieFiles 公式：UI 向けのタイミング、イージング、振り付け、ディズニーの 12 の原則
gsap-skills	GSAP 公式：8 つのスキル — コア、タイムライン、ScrollTrigger、Flip、Draggable、SplitText
framer-motion-skills	Framer Motion の 6 つのスキル：コア、Next.js、バリアント、スクロール、ジェスチャー、レイアウト
animate-skill	Emil に着想を得た Next.js／React のパターン：ホバー、トースト、テキストの表示、モーダル
animate-css-skill	Animate.css v4 ＋スクロールトリガー＋RTL＋prefers-reduced-motion
css-animation-skill	実際のアプリのデザイン言語を収集してインタビューを行い、単独で使えるアニメーションファイルを生成
wiggle-claude-skill	SVG ロゴをアニメーション化 → Lottie JSON → GIF ＋ MP4
claudedesignskills	22 スキルのバンドル：Three.js、GSAP、R3F、Framer、Babylon、A-Frame、PixiJS、Rive、Lottie
hyperframes	「HTML を書く → 動画をレンダリング」：GSAP／CSS／Lottie／Three.js ＋ TTS メディア（HeyGen）

インタラクションと仕上げ

スキル	最適な用途
taste-design-stitch	Google Stitch の出力に対する美的判断
design-lab	インタラクティブなデザイン検討、バリエーションの生成
interface-design-dammyjay	ダッシュボード、管理パネル、情報密度の高い SaaS UI
bencium-ux-designer	個性豊かな、本番品質のフロントエンド
neo-user-journey	UX ジャーニーマッピング＋Playwright テスト＋50 以上のパターン＋Nielsen スコアリング
simota-agent-skills	15 のデザインサブスキル：Vision、Frame（Figma ブリッジ）、Pixel、Clay、Ink、Sketch
design-auditor	19 カテゴリーの監査：タイポグラフィ、ダークモード、RTL、ダークパターン；0～100 のスコア
search-ux	検索入力、オートコンプリート、ランキング、ファセットフィルター、検索結果なしの状態、検索分析
interfaces-that-feel	感情に訴えるデザイン：感じられる状態 → 物理的な類似物 → モーション／文言／間隔の変更
information-architecture-and-navigation	ホッキョクグマ型 IA：情報の整理／ラベル付け／ナビゲーション／検索、分類体系、経路案内、見つけやすさ

ビジュアル、コンポーネント、カラー

スキル	最適な用途
color-expert	OKLCH／OKLABの色彩科学、パレット生成、コントラスト
baseline-ui	アニメーションの長さ、タイポグラフィのスケール、Tailwindのアンチパターン
shadcn-ui	shadcn/uiのコンポーネントワークフロー
ui-ux-pro-max	50種類以上のスタイル、97種類のパレット、9種類の技術スタック
platform-design-skills	クロスプラットフォーム向けの300項目以上のHIG／MD3／WCAGルール
apple-hig-skills	Apple HIG：iOS、macOS、visionOS、watchOS、tvOS
hig-doctor	Apple HIG違反の診断と修正
swiftui-patterns	SwiftUIのビューとコンポーネントに関するベストプラクティス
ink-google	成果物向けのインクスタイルのエディトリアルデザイン
design-tokens-skill	W3C DTCGトークン仕様：OKLCH、参照／エイリアス、Terrazzo、Figmaエクスポート
google-fonts-skill	1,923種類のGoogle Fonts、ムードタグ、73種類の組み合わせ、CSS変数、Tailwind設定
mobile-app-design	iOS HIG＋Android MD3＋RNのベストプラクティス — 26K語
mobile-app-ui-design	プロフェッショナルなモバイルUI：意図的で、滑らかで、生き生きとしたインターフェース
sleek-design-mobile-apps	Sleekプラットフォーム：自然言語で画面、プロジェクト、アセットをデザイン（アカウントが必要）
liquid-glass-skill	iOS 26 Liquid Glass：.glassEffect()、GlassEffectContainer、移行パターン
swiftui-claude-skills	WWDC 2025で検証済みのSwiftUI、iOS 26.4 RC、Xcode 26
swiftui-design-skill	SwiftUIのビジュアルデザイン技術 — AIらしい粗雑さを避ける、タイポグラフィ、カラー、ブランド
material-3-skill	Material Design 3／Material You：ダイナミックカラー、トーナルサーフェス、30種類以上のコンポーネント（Compose＋Flutter）

アクセシビリティと品質

スキル	最適な用途
fixing-accessibility	ARIA、キーボード操作、フォーカス管理、コントラストの修正
fixing-motion-performance	レイアウトスラッシング、コンポジター、スクロール連動アニメーション
wcag-audit-patterns	修正対応を含むWCAG 2.2監査
addyosmani-quality	6つのスキル群：a11y、Lighthouse、CWV、パフォーマンス、SEO、ベストプラクティス
cloudflare-web-perf	Core Web Vitals：LCP、INP、CLSの修正
react-doctor	Reactのセキュリティ、パフォーマンス、正確性のスコアリング
mastepanoski-skills	6つの監査：ux-rethink、Nielsen、WCAG POUR、Don Norman、認知的ウォークスルー
wcag-ai-skill	WCAG 2.2の完全なワークフロー：デザイン → フロントエンド → QA → 適合性ドキュメント
accessibility-agents	25のアクセシビリティ専門エージェント：Webコード、Office／PDFドキュメント、Markdown監査
dark-pattern-audit	コードベースとコピーを静的に監査し、欺瞞的なダークパターンを検出 — 信頼度を評価し、ソース箇所を特定

デザインレビューとクリエイティブディレクション

スキル	最適な用途
creative-director	20以上のアイデア創出手法、Cannes／D&ADによる評価
design-brief	漠然とした要件から構成の整ったデザインブリーフを作成
design-consultation	デザインシステムをゼロから構築
design-review-garrytan	ビジュアル監査とアトミックな修正コミット
plan-design-review	AIスロップ検出付きの採点式レビュー（0～10）
design-html	デザインを本番環境向けのHTML／CSSとして実装
digidai-pm	シニアPM：30以上のフレームワーク、SaaS指標
ux-ui-mastery	19のスキル：認知心理学、空間UX、アンビエントUI、iOS 26、WCAG 3.0
designer-skills	91のスキル、28のコマンド：デザインリサーチ、システム、UX戦略、批評
design-with-claude	決定論的なWCAG／トークン監査とデザイン用スラッシュコマンド：ダッシュボード、B2B SaaS、ヘルスケアUX、オンボーディング
ux-designer-skill	権威あるUX情報源（NNG、Laws of UX）19件を統合 — 2026年のベストプラクティス
wondelai-skills	書籍に基づく：Refactoring UI、The Design of Everyday Things、Sprint、Lean UX
design-impact-reporting	デザインROI：ユーザー→プロダクト→ビジネス指標、スコアカード／導入前後／A-B／ポートフォリオ
design-debt-audit	デザイン負債の分類体系＋監査プロセス＋重大度×頻度／工数によるスコアリング＋台帳
design-negotiation	提唱用スクリプト：スケジュール／スコープ／ステークホルダーによる覆し／人員数、エビデンスに基づく
service-blueprint	NN/gのサービスブループリント：5つのスイムレーン、可視性の境界線、JSONスキーマ＋レンダリングパイプライン

デザインリサーチ

スキル	最適な用途
user-research-cookiy	エンドツーエンドのユーザーリサーチ：調査計画、AIによるモデレーション付きインタビュー、アンケート設計、トランスクリプトの統合、調査レポート
software-ux-research	リサーチオペレーション：アンケート設計、リポジトリ管理、ユーザビリティテスト（ISO 9241）、JTBD

Figmaとデザインからコードへの変換

スキル	最適な用途
figma-official-skills	Figma公式スキル7件：実装、生成、ライブラリ、コード接続
openai-skills	OpenAIのスキル9件：Figma＋フロントエンド＋スライド＋画像生成
google-stitch-skills	Stitchのスキル6件：design-md、react-components、shadcn、loop
extract-design-md	Stitchの出力をDESIGN.md形式に抽出
claude2figma	トークン準拠を徹底する4つのスキル：色／フォント／間隔をFigma変数に紐付け
work-with-design-systems	デュアルモードの「検査」（WCAG監査）＋「構築」（変数の紐付けを含む6フェーズ）
figma-variables-tokens-generator	アンケート → W3CトークンのZIP＋インポート用Figmaプラグイン
figma-skill	Figma API＋コミュニティリソース → デザイントークン → 7つのフレームワーク
extract-design-system	あらゆる公開ウェブサイトからトークンをリバースエンジニアリング → tokens.json＋tokens.css

公式プラットフォームスイート

スキル	最適な用途
anthropics-skills	6 つの Anthropic スキル：frontend-design、artifacts、canvas、theme、brand、pptx
vercel-skills	4 つの Vercel スキル：web-design-guidelines、components、React のベストプラクティス
microsoft-skills	2 つの Microsoft スキル：デザインレビュー、ダークテーマの React
software-mansion-skills	Software Mansion 公式：RN アニメーション、ジェスチャー、SVG、オンデバイス AI
callstack-agent-skills	Callstack 公式：RN のベストプラクティス、プロファイリング、Turbo Modules、アップグレード
expo-skills	Expo 公式：Expo SDK、EAS Build/Submit、Expo Router

図表とワイヤーフレーム作成

スキル	最適な用途
excalidraw-diagram	ビジュアル検証ループ付き Excalidraw（スター 3.2k）
hand-drawn-diagrams	手描き風の図をすばやく作成
excalidraw-agents365	コーディングエージェントのワークフロー向けに調整された Excalidraw
wireframer	低忠実度のワイヤーフレーム、構造を重視
softaworks-agent-toolkit	40 以上のスキル：mermaid、excalidraw、draw-io、C4、marp
nimbalyst-skills	MCP ツール、モックアップ、データモデルに対応した Excalidraw
wireframe-skill	自然言語 → ワイヤーフレーム JSON ＋ドラッグ＆ドロップ、元に戻す／やり直しに対応したインタラクティブな HTML
claude-wireframe-skill	5 つの UX アプローチによるインタラクティブなプロトタイプ — まず白黒で作成し、その後にカラー版を作成

データ可視化とグラフ

スキル	最適な用途
antvis-chart-skills	7 つの AntV スキル：26 種類以上のグラフ、精度 98.2%
markdown-viewer-skills	14 のスキル：Vega、PlantUML、JSON Canvas、インフォグラフィック
d3js-skill	D3.js：データバインディング、スケール、トランジション、インタラクティブなグラフ
data-viz-agent	マルチライブラリエージェント：D3/Chart.js/Plotly/Matplotlib
claud3	D3 v7 ＋ Tufte の原則：80 種類以上のグラフ、ダークテーマ、注釈
data-analysis-skill	複数の専門家による並列分析 → HTML レポート ＋ PowerPoint へのエクスポート

3D、クリエイティブ、メディア

スキル	最適な用途
cloudai-threejs	Three.js の 3D シーン、アニメーション、WebGL
fal-ai-skills	fal.ai による画像／動画と 3D モデルの生成
composio-artifacts	Composio 経由で GitHub/Slack/Linear に接続されたアーティファクト
webgpu-claude-skill	Three.js TSL、ノードマテリアル、GPU コンピュート、WGSL — r183+
threejs-ecs-ts	Three.js ＋ Entity Component Systems ＋ TypeScript
threejs-claude-skill-package	24 のスキル：WebGL、WebGPU、R3F、物理演算、IFC/BIM アーキテクチャ
generative-media-skills	41 のワークフロー：Midjourney v7、Flux Kontext、Kling 3.0、Veo3、Suno オーディオ
open-design	31 のスキル ＋ 71 のブランドデザインシステム — ローカルファーストの Claude Design 代替ツール
superdesign-skill	無限キャンバスでのアイデア創出：ブランド抽出、デザイン草案、IDE ネイティブ

プレゼンテーション

スキル	最適な用途
nanobanan-ppt	ドキュメント分析と画像生成に対応した AI 搭載 PPT
guizang-ppt	アウトラインから構成の整った PowerPoint を作成（API 依存なし）
frontend-slides	アニメーションを豊富に取り入れた HTML プレゼンテーション
revealjs-skill	Reveal.js：テーマ、Chart.js、発表者ノート、PDF エクスポート
marp-slides	MARP ＋ 22 個のサンプルデッキ、SVG グラフ、ダッシュボードコンポーネント
slidev-skill	公式 Slidev：Vue とアニメーションを使った、Markdown による開発者向けプレゼンテーション
cc-slidev	テックトーク向けのエビデンスベースのデザインガードレールを備えた Slidev プラグイン
marp-slide-quality	SlideGauge によるスコアリング：レンダリング前にオーバーフロー、コントラスト、密度をチェック

プロダクトとプロダクトマネジメント

スキル	最適な用途
deanpeters-pm-skills	9 つのスキル：ジャーニーマップ、OST、ストーリーマッピング、PRD
phuryn-pm-skills	65 のスキル／8 つのプラグイン：ディスカバリー、戦略、実行、市場調査、データ分析、GTM、成長
coreyhaines-marketing	3 つの CRO スキル：オンボーディング、ページ、登録フロー
pm-skills	55 のスキル：Triple Diamond、26 のフェーズ、Design Sprint、Foundation Sprint
claude-pm-skills	プロダクト思考、ディスカバリー、優先順位付け、ローンチ
design-sprint	コードベースを調査 → 機能を設計 → 依存関係を設定しながら、親課題とサブ課題に分解
product-position	B2B SaaS のポジショニング：メッセージング階層、競合を踏まえた訴求、戦略的ナラティブ — Dunford ＋ JTBD フレームワーク
lenny-skills	86 のプロダクトマネジメントスキル：行動に基づくプロダクトデザイン、アンケート、ユーザーインタビュー、デザインレビュー、オンボーディング、成長ループ（945 ★）
assimovt-productskills	16 のスキル：ロードマップ、North Star 指標、A/B 実験、競合分析、戦略ドキュメント、Shape Up によるスコープ設定
chadboyda-gtm	18 の市場投入スキル：ポジショニング／ICP、価格設定、営業手法、アウトバウンド、ローンチ、GTM 指標

コンテンツデザインとコピーライティング

スキル	最適な用途
ux-writing-skill	マイクロコピー、ボタンラベル、エラーメッセージ、空の状態、フォームの文言、アクセシビリティに配慮したライティング
copywriting-skill	ランディングページ、プロダクトのコピー、メールシーケンス、見出し、トーンオブボイス（5 つのサブスキル）
humanize-text	7 つの AI パターンの観点からテキストをスコアリングして書き換え。プレーンテキスト、Figma URL、スクリーンショットに対応
content-strategy	コンテンツ監査、コンテンツモデル、声とトーン、ガバナンス、コンテンツ階層

メールデザイン

スキル	最適な用途
email-html-mjml	MJML 4.x → クライアント間で互換性のある HTML メール、WCAG 2.1 AA、Outlook 対応

TUI とターミナルデザイン

スキル	最適な用途
tui-design-skill	ターミナル UI デザイン：Bubble Tea（Go）、Ratatui（Rust）、Textual（Python）、Ink（TS）
textual-tui-skill	Textual（Python）の詳細：40 以上のウィジェット、TCSS、リアクティブ、ワーカー、Pilot によるテスト

---

ルーティングガイド

ユーザーの発言	振り分け先
"good taste", "anti slop", "premium UI", "not generic"	taste-skill または ui-craft
"design variance", "motion intensity", "visual density"	taste-skill
"no Inter font", "no 3-column cards", "no centered hero"	taste-skill または ui-craft
"anti-slop detector", "33 rules", "ui-craft", "18 slash commands"	ui-craft
"polish", "micro-interactions", "make it feel better"	make-interfaces-better
"animation principles", "easing curves"	emilkowalski-skill
"GLSL", "ray march", "WebGL shader"	shader-dev
"generative art", "p5.js", "particle system"	algorithmic-art または p5js-hermes
"Three.js", "3D scene", "WebGL 3D"	cloudai-threejs
"Figma to code", "implement Figma"	figma-official-skills
"Stitch", "DESIGN.md", "stitch loop"	google-stitch-skills
"color palette", "OKLCH", "color science"	color-expert
"WCAG", "accessibility audit", "contrast"	fixing-accessibility または addyosmani-quality
"Core Web Vitals", "LCP", "CLS"	cloudflare-web-perf または addyosmani-quality
"React performance", "React audit"	react-doctor
"design review", "visual audit", "AI slop"	plan-design-review
"design system", "build from scratch"	design-consultation
"Apple HIG", "iOS design", "visionOS"	apple-hig-skills
"HIG compliance", "fix HIG"	hig-doctor
"mermaid", "C4 diagram", "draw.io"	softaworks-agent-toolkit
"excalidraw"	excalidraw-diagram
"wireframe", "lo-fi", "layout skeleton"	wireframer
"D3", "chart", "data visualization"	d3js-skill または antvis-chart-skills
"customer journey", "user story", "PRD"	deanpeters-pm-skills または phuryn-pm-skills
"CRO", "conversion", "onboarding"	coreyhaines-marketing
"PowerPoint", "slides", "presentation"	guizang-ppt または nanobanan-ppt
"HTML presentation", "animated slides"	frontend-slides
"shadcn", "shadcn component"	shadcn-ui
"platform design", "cross-platform rules"	platform-design-skills
"creative strategy", "campaign concept", "SCAMPER"	creative-director
"design brief", "requirements spec"	design-brief
"motion principles", "purposeful motion", "motion audit", "AI slop motion", "hover state design", "micro-interaction design", "Emil Kowalski motion", "Jhey Tompkins"	design-motion-principles
"GSAP", "ScrollTrigger", "GreenSock"	gsap-skills
"Framer Motion", "framer animation", "layout animation"	framer-motion-skills
"Lottie", "motion principles", "Disney principles"	motion-design-skill
"SVG logo animation", "wiggle", "logo GIF"	wiggle-claude-skill
"Animate.css", "bounce", "fadeIn"	animate-css-skill
"Babylon.js", "A-Frame", "PixiJS", "Rive"	claudedesignskills
"HTML to video", "render video", "HeyGen"	hyperframes
"Reveal.js", "revealjs presentation"	revealjs-skill
"Marp", "MARP slides"	marp-slides
"Slidev", "developer slides Vue"	slidev-skill
"Marp quality", "slide overflow check"	marp-slide-quality
"design tokens", "DTCG", "W3C tokens", "Terrazzo"	design-tokens-skill
"Google Fonts", "font pairing", "typography scale"	google-fonts-skill
"mobile app design", "touch targets", "thumb zones"	mobile-app-design
"iOS 26", "Liquid Glass", "glassEffect"	liquid-glass-skill
"SwiftUI iOS 26", "WWDC 2025 SwiftUI"	swiftui-claude-skills
"SwiftUI design", "SwiftUI visual design", "iOS visual design"	swiftui-design-skill
"WCAG 2.2 guidance", "conformance docs"	wcag-ai-skill
"25 a11y agents", "PDF accessibility", "document a11y"	accessibility-agents
"Don Norman audit", "cognitive walkthrough", "ux-rethink"	mastepanoski-skills
"91 design skills", "design ops", "visual critique"	designer-skills
"audit my design system", "healthcare UX", "b2b SaaS UX"	design-with-claude
"UX principles", "Laws of UX", "usability guidelines"	ux-designer-skill
"Refactoring UI", "Design Sprint book", "Lean UX"	wondelai-skills
"user journey", "journey mapping", "Playwright UX"	neo-user-journey
"design score", "19-category audit", "dark patterns audit"	design-auditor
"Figma token compliance", "Figma variables enforcement"	claude2figma
"extract tokens website", "reverse-engineer CSS"	extract-design-system
"Figma design system build", "variable bindings"	work-with-design-systems
"React Native animations", "Reanimated", "Gesture Handler"	software-mansion-skills
"Expo", "EAS Build", "Expo Router"	expo-skills
"React Native profiling", "Turbo Modules", "brownfield"	callstack-agent-skills
"D3 Tufte", "80 chart types", "dark chart"	claud3
"parallel data analysis", "data to PowerPoint"	data-analysis-skill
"WebGPU", "TSL Three.js", "GPU compute"	webgpu-claude-skill
"Three.js ECS", "entity component 3D"	threejs-ecs-ts
"Three.js BIM", "IFC architecture", "AEC 3D"	threejs-claude-skill-package
"Midjourney workflow", "Kling", "Veo3", "Flux Kontext"	generative-media-skills
"infinite canvas design", "SuperDesign"	superdesign-skill
"open-design platform", "31 design skills local"	open-design
"Triple Diamond PM", "55 PM skills", "Design Sprint method"	pm-skills
"MJML", "HTML email", "Outlook-safe email"	email-html-mjml
"terminal UI", "TUI", "Bubble Tea", "Ratatui", "Textual"	tui-design-skill
"brand tokens Stripe", "62 brands"	brand-design-md
"aesthetic anchor", "Brutalist CSS", "Nordic design"	frontend-design
"logo SVG", "brand interview", "logo PNG"	logo-designer-skill
"AI Midjourney design", "AI Creative Director"	ai-graphic-design-skill
"button label", "error message copy", "empty state", "microcopy"	ux-writing-skill
"landing page copy", "product copy", "tone of voice", "headline"	copywriting-skill
"remove AI patterns", "de-slop", "AI writing", "humanize text"	humanize-text
"Material Design 3", "Material You", "MD3", "Jetpack Compose design"	material-3-skill
"brand skin", "design token engine", "styleseed"	styleseed
"design aesthetic", "glassmorphism", "brutalism style", "claymorphism"	awesome-design-skills
"Textual TUI", "Textual Python", "Textual widget", "TCSS"	textual-tui-skill
"interaction design", "component states", "affordance", "micro-interaction timing"	interaction-design
"Storybook", "Storybook story", "CSF", "Chromatic visual regression"	format-storybook
"user research", "user interview", "research synthesis", "usability study"	user-research-cookiy
"feature design sprint", "design to issues", "decompose feature"	design-sprint
"product positioning", "messaging hierarchy", "value proposition", "competitive framing"	product-position
"behavioral product design", "designing surveys", "running design reviews", "growth loops"	lenny-skills
"roadmap planning", "North Star metric", "experiment design", "competitor analysis", "Shape Up"	assimovt-productskills
"go-to-market skills", "GTM operator", "sales motion", "AI SDR", "pricing strategy"	chadboyda-gtm
"dark patterns", "deceptive design", "manipulative UI", "hidden fees code"	dark-pattern-audit

該当なし

意図がどのスタブにも一致しない場合：

• 「このカタログには、[X] を扱うスタブはまだありません」と直接伝えます。
• リポジトリに新しい追加がないか確認するよう提案します。
• 対象にしたい上流スキルがあれば、スタブの作成を支援すると伝えます。