mcpField
C
content-catalogue

content-catalogue

github.com/podoエージェントワークフロー29163 回インストール1 日前に更新
リポジトリ

content-catalogue について

プレゼンテーション、図解、データ可視化、デザインレビュー、プロダクト戦略、コンテンツ作成のスキルを案内する分野別ナビゲーターです。デザインの伝達や製品判断に関する依頼に対応し、より広範なデザインカタログにも案内します。

主な機能

  1. 01プレゼンテーションとスライドのスキル
  2. 02図解とワイヤーフレームのスキル
  3. 03可視化とチャートのスキル
  4. 04デザインレビューと UX 戦略
  5. 05プロダクトと PM のリソース
  6. 06コンテンツ設計とコピーライティング

活用シーン

  1. 01ピッチ資料向けスキルの検索
  2. 02フローチャート用ツールの選定
  3. 03UX 批評リソースの確認
  4. 04プロダクト戦略テンプレートの検索

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/podo/design-agent-skills --skill content-catalogue

インストール後、Claude Code で/content-catalogueを入力して読み込まれたか確認します。

同梱ファイルstub.yaml

詳細

content-catalogue

プレゼンテーション、図表、データビジュアライゼーション、デザインレビュー、戦略、PM スキルのドメインナビゲーターです。 デザインの伝え方やプロダクトの意思決定についてユーザーがスキルを求めたときに有効化します。

→ すべてのドメインを網羅したカタログを確認するには、design-catalogue を使用してください。

使用するタイミング

以下をユーザーが求めているときに有効化します。

  • スライド、プレゼンテーション、ピッチデッキの作成
  • ワイヤーフレーム、図表、フローチャートの作成
  • データビジュアライゼーションやチャートの生成
  • デザインレビュー、批評、UX 戦略に関する相談
  • PM フレームワーク、PRD テンプレート、プロダクト戦略ツールの利用
  • UI コピー、マイクロコピー、エラーメッセージの作成や改善
  • プロダクトやマーケティングのコピーライティング
  • テキスト内の AI らしい文章パターンの検出や除去

プレゼンテーションとスライド

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

図表とワイヤーフレーム

スキル最適な用途
excalidraw-diagramビジュアル検証ループを備えた Excalidraw（スター数 3.2k）
hand-drawn-diagrams手描き風の図表をすばやく作成
excalidraw-agents365コーディングエージェントのワークフローに合わせた Excalidraw
wireframer低忠実度のワイヤーフレーム、構造を優先
softaworks-agent-toolkit40 以上のスキル：mermaid、excalidraw、draw-io、C4、marp
nimbalyst-skillsMCP ツール、モックアップ、データモデルに対応した Excalidraw
wireframe-skill自然言語 → ワイヤーフレーム JSON ＋ ドラッグ＆ドロップ、取り消し／やり直し対応のインタラクティブ HTML
claude-wireframe-skill5 つの UX アプローチをインタラクティブなプロトタイプとして作成 — まず白黒、その後にカラーのバリエーション

データビジュアライゼーションとチャート

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

デザインレビューとUX戦略

スキル最適な用途
creative-director20種類以上のアイデア発想手法、Cannes/D&ADによる評価
design-brief漠然とした要件から構成されたデザインブリーフを作成
design-consultationゼロからデザインシステム全体を構築
design-review-garrytanビジュアル監査とアトミックな修正コミット
plan-design-reviewAIスロップ検出を含むスコア付き批評（0～10）
design-htmlデザインを本番環境向けのHTML/CSSとして実装
ux-ui-mastery19のスキル：認知心理学、空間UX、アンビエントUI、iOS 26、WCAG 3.0
designer-skills91のスキル、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
digidai-pmシニアPM向け：30以上のフレームワーク、SaaS指標
design-impact-reportingデザインROI：ユーザー→プロダクト→ビジネスの指標、スコアカード／ビフォーアフター／A-B／ポートフォリオ
design-debt-auditデザイン負債の分類体系＋監査プロセス＋重大度×頻度／工数によるスコアリング＋台帳
design-negotiation提言用スクリプト：タイムライン／スコープ／ステークホルダーによる却下／人員、エビデンスに基づく
service-blueprintNN/gのサービスブループリント：5つのスイムレーン、可視性の境界線、JSONスキーマ＋レンダリングパイプライン

デザインリサーチ

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

プロダクトとPM

スキル最適な用途
deanpeters-pm-skills9つのスキル：ジャーニーマップ、OST、ストーリーマッピング、PRD
phuryn-pm-skills65のスキル／8つのプラグイン：ディスカバリー、戦略、実行、市場調査、データ分析、GTM、グロース
coreyhaines-marketing3つのCROスキル：オンボーディング、ページ、サインアップフロー
pm-skills55のスキル：トリプルダイヤモンド、26のフェーズ、デザインスプリント、ファウンデーションスプリント
claude-pm-skillsプロダクト思考、ディスカバリー、優先順位付け、ローンチ
design-sprintコードベースを調査 → 機能を設計 → 依存関係を持つ親イシューとサブイシューに分解
product-positionB2B SaaSのポジショニング：メッセージング階層、競合の位置付け、戦略的ナラティブ — Dunford＋JTBDフレームワーク
lenny-skills86のPMスキル：行動に基づくプロダクト設計、アンケート、ユーザーインタビュー、デザインレビュー、オンボーディング、グロースループ（945 ★）
assimovt-productskills16のスキル：ロードマップ、ノーススターメトリクス、A/B実験、競合分析、戦略文書、Shape Upによるスコープ設定（40 ★）
chadboyda-gtm18の市場投入スキル：ポジショニング／ICP、価格設定、セールス手法、アウトバウンド、ローンチ、リテンション、GTM指標（42 ★）

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

スキル最適な用途
ux-writing-skillマイクロコピー、ボタンのラベル、エラーメッセージ、空の状態、フォームの文言、アクセシビリティに配慮した文章
copywriting-skillランディングページ、製品のコピー、メールシーケンス、見出し、トーン・オブ・ボイス（5つのサブスキル）
humanize-text7つの観点でAI特有のパターンを取り除くため、テキストを評価して書き直します。FigmaのURLとスクリーンショットにも対応します
content-strategyコンテンツ監査、コンテンツモデル、ブランドボイス／トーン、ガバナンス、コンテンツ階層

メールとターミナル

スキル最適な用途
email-html-mjmlMJML 4.x からクライアント間で互換性のあるHTMLメールを作成します。WCAG 2.1 AA、Outlookに対応
tui-design-skillターミナルUIの設計：Bubble Tea（Go）、Ratatui（Rust）、Textual（Python）、Ink（TS）
textual-tui-skillTextual（Python）の詳細解説：40以上のウィジェット、TCSS、ワーカー、Pilotによるテスト、10の落とし穴

コメント

Markdown 対応