Product Pillars

エージェント向け Product Pillars

Product Pillars は、人と AI エージェントが一緒に編集できるフローチャート用キャンバスです。エージェントがユーザーフロー、プロセスマップ、または決定木を描き、あなたがキャンバスで開いて要素を動かすと、エージェントがその変更を読み取ります。すべての図は Mermaid Markdown としてエクスポートされるため、リポジトリに保存できます。

このリポジトリは、エージェントを Product Pillars に接続します。

• エージェントスキル（skills/product-pillars）：フローチャートをキャンバスに配置するタイミングと、適切な描き方をコーディングエージェントに伝えます。Claude Code、Codex、Cursor、Gemini CLI、およびスキルを読み込むその他のエージェントで動作します。
• Claude Code プラグイン：スキルとホストされた MCP サーバーをまとめて提供します。
• server.json：公式 MCP Registry への登録情報です。

MCP サーバー自体は https://www.productpillars.com/api/mcp でホストされています。ここでローカル実行されるものはありません。

使用する場面

ユーザーが見たり、手作業で編集したり、共有したりするフローチャートを求めている場合に Product Pillars を使用します。たとえば、ユーザーフロー、オンボーディングやチェックアウトのフロー、プロセスマップ、承認フロー、決定木などです。図を視覚的に開く人がいない場合は、ファイル内の Mermaid ブロックで十分です。フローチャートのみを描画します。

インストール

スキル（すべてのエージェント）

npx skills add jeremybelcher/product-pillars-agent-kit

MCP サーバーがまだ設定されていない場合の接続方法を、スキルがエージェントに伝えます。

Claude Code プラグイン（スキルと MCP サーバー）

Claude Code で：

/plugin marketplace add jeremybelcher/product-pillars-agent-kit
/plugin install product-pillars@product-pillars

次に /mcp を実行し、product-pillars を選択して、Authenticate を選び、サインインします。すでに claude mcp add で Product Pillars を追加している場合は、同じサーバーへの接続が二重にならないよう、そのエントリーを削除してください。

MCP サーバーのみ

クライアント	方法
Claude（ウェブ、デスクトップ、モバイル）	Settings、Connectors、Add custom connector の順に進み、https://www.productpillars.com/api/mcp を貼り付けます
Claude Code	claude mcp add --transport http product-pillars https://www.productpillars.com/api/mcp
Cursor、VS Code、Codex、Gemini CLI	ワンクリックリンクとコマンドは productpillars.com/agents にあります
スクリプトと CI	Settings から API キーを取得し、Authorization: Bearer mc_live_... として送信します

サインインには OAuth を使用します。一度アクセスを承認すると、エージェントはアカウントで許可されている操作のみを実行できます。アカウントをお持ちでない場合、サインイン時に無料アカウントが作成されます。

エージェントにできること

list_diagrams、list_projects、get_diagram、create_diagram（空の図、または Mermaid フローチャートから作成）、edit_diagram（競合を防ぐ一括編集と自動レイアウト）、lint_diagram、render_diagram、update_diagram、share_diagram を実行できます。クライアントに表示されるプロンプトは、draw_flowchart、diagram_from_source、review_diagram です。

エージェント向けガイド全文は productpillars.com/llms.txt にあります。

プライバシー

接続されたエージェントは、あなたのアカウントを通じて図を読み書きします。エージェントが読み取った図の内容は、エージェントのプロバイダーに送信され、そのプロバイダーの規約が適用されます。プライバシーポリシーと利用規約をご確認ください。

サポート

[email protected]