Product Pillars

Name: Product Pillars
Author: productpillars.com

远程服务

productpillars.com生产力03 周前更新

代码仓库访问官网

关于 Product Pillars

Product Pillars 是供人和 AI Agent 协作编辑流程图的画布，适合需要直观查看和调整图表的团队。图表可导出为 Mermaid Markdown，存入代码仓库。

主要功能

01共同创建和编辑流程图
02批量执行防冲突编辑
03自动布局并检查图表
04渲染和分享图表
05导出为 Mermaid Markdown

适用场景

01绘制引导或结账流程
02记录流程和审批路径
03创建供协作评审的决策树

MCP 相关

托管的 MCP 服务 `https://www.productpillars.com/api/mcp` 允许客户端列出项目和图表、创建和编辑图表、检查、渲染及分享图表。它还提供绘图、从源内容生成和评审图表的提示词。

配置

远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。

服务地址https://www.productpillars.com/api/mcp

一键复制安装命令

Claude CodeTerminalclaude mcp add --transport http com-productpillars-product-pillars https://www.productpillars.com/api/mcp

Cursor.cursor/mcp.json{"mcpServers":{"com-productpillars-product-pillars":{"type":"http","url":"https://www.productpillars.com/api/mcp"}}}在 Cursor 中打开

VS Code.vscode/mcp.json{"servers":{"com-productpillars-product-pillars":{"type":"http","url":"https://www.productpillars.com/api/mcp"}}}在 VS Code 中打开

Claude Desktopclaude_desktop_config.json{"mcpServers":{"com-productpillars-product-pillars":{"type":"http","url":"https://www.productpillars.com/api/mcp"}}}

Windsurf~/.codeium/windsurf/mcp_config.json{"mcpServers":{"com-productpillars-product-pillars":{"serverUrl":"https://www.productpillars.com/api/mcp"}}}

命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

面向 Agent 的 Product Pillars

Product Pillars 是一个供人们与 AI Agent 共同编辑流程图的画布。你的 Agent 绘制用户流程、流程图或决策树；你在画布上打开它，移动其中的元素，然后 Agent 会读取你的更改。每张图表都可以导出为 Mermaid Markdown，因此可以保存在你的代码库中。

此代码库将 Agent 连接到 Product Pillars：

一个 Agent Skill（skills/product-pillars），告诉编码 Agent 何时应将流程图放到画布上，以及如何绘制出优质的流程图。适用于 Claude Code、Codex、Cursor、Gemini CLI 和其他能够读取 Skill 的 Agent。
一个 Claude Code 插件，将该 Skill 与托管的 MCP 服务打包在一起。
server.json，官方 MCP Registry 的条目。

MCP 服务托管在 https://www.productpillars.com/api/mcp。这里的任何内容都不会在本地运行。

何时使用

当有人想要查看、手动编辑或分享流程图时，请使用 Product Pillars：例如用户流程、引导流程和结账流程、流程图、审批流程、决策树。如果没人会以可视化方式打开图表，那么在文件中添加 Mermaid 代码块就足够了。它仅用于绘制流程图。

安装

Skill（适用于任何 Agent）

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

如果尚未设置 MCP 服务，该 Skill 会告诉 Agent 如何连接。

Claude Code 插件（Skill 加 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：你只需批准一次访问权限，Agent 就只能执行你的账户有权执行的操作。如果你还没有账户，登录时会创建一个免费账户。

Agent 可以执行的操作

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。