About Product Pillars
Product Pillars is a shared flowchart canvas for people and AI agents, aimed at teams that need to inspect and edit diagrams visually. Diagrams can be exported as Mermaid Markdown for storage in a repository.
Key features
- 01Create and edit flowcharts together
- 02Apply batched, conflict-safe edits
- 03Auto-layout and lint diagrams
- 04Render and share diagrams
- 05Export diagrams as Mermaid Markdown
Use cases
- 01Map onboarding or checkout flows
- 02Document processes and approval paths
- 03Build decision trees for collaborative review
MCP support
The hosted MCP server at `https://www.productpillars.com/api/mcp` lets clients list projects and diagrams, create and edit diagrams, lint, render, and share them. It also provides prompts for drawing, generating from source, and reviewing diagrams.
Configuration
Remote servers need no local install. Pick your client, then copy the config or install in one click.
https://www.productpillars.com/api/mcpclaude mcp add --transport http com-productpillars-product-pillars https://www.productpillars.com/api/mcp{"mcpServers":{"com-productpillars-product-pillars":{"type":"http","url":"https://www.productpillars.com/api/mcp"}}}Open in Cursor{"servers":{"com-productpillars-product-pillars":{"type":"http","url":"https://www.productpillars.com/api/mcp"}}}Open in VS Code{"mcpServers":{"com-productpillars-product-pillars":{"type":"http","url":"https://www.productpillars.com/api/mcp"}}}{"mcpServers":{"com-productpillars-product-pillars":{"serverUrl":"https://www.productpillars.com/api/mcp"}}}Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.
Tools
Details
From the project READMEProduct Pillars for agents
Product Pillars is a canvas for flowcharts that people and AI agents edit together. Your agent draws a user flow, process map or decision tree; you open it on the canvas, move things around, and the agent reads your changes back. Every diagram exports as Mermaid Markdown, so it can live in your repo.
This repo connects agents to it:
- An Agent Skill (
skills/product-pillars) that tells coding agents when a flowchart belongs on the canvas and how to draw one well. Works in Claude Code, Codex, Cursor, Gemini CLI and other agents that read skills. - A Claude Code plugin that bundles the skill with the hosted MCP server.
server.json, the listing for the official MCP Registry.
The MCP server itself is hosted at https://www.productpillars.com/api/mcp. Nothing here runs locally.
When to use it
Use Product Pillars when someone wants a flowchart they will look at, edit by hand, or share: user flows, onboarding and checkout flows, process maps, approval flows, decision trees. If nobody will ever open the diagram visually, a Mermaid block in a file is enough. It draws flowcharts only.
Install
The skill (any agent)
npx skills add jeremybelcher/product-pillars-agent-kit
The skill tells the agent how to connect if the MCP server isn't set up yet.
The Claude Code plugin (skill plus MCP server)
In Claude Code:
/plugin marketplace add jeremybelcher/product-pillars-agent-kit
/plugin install product-pillars@product-pillars
Then run /mcp, pick product-pillars, choose Authenticate and sign in. If you already added Product Pillars with claude mcp add, remove that entry so you don't have two connections to the same server.
Just the MCP server
| Client | How |
|---|---|
| Claude (web, desktop, mobile) | Settings, Connectors, Add custom connector, paste 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 | One-click links and commands at productpillars.com/agents |
| Scripts and CI | An API key from Settings, sent as Authorization: Bearer mc_live_... |
Sign-in is OAuth: you approve access once, and the agent can only do what your account can do. Signing in creates a free account if you don't have one.
What the agent can do
list_diagrams, list_projects, get_diagram, create_diagram (empty, or from a Mermaid flowchart), edit_diagram (batched, conflict-safe edits plus auto layout), lint_diagram, render_diagram, update_diagram and share_diagram. Prompts for clients that show them: draw_flowchart, diagram_from_source, review_diagram.
The full agent guide is at productpillars.com/llms.txt.
Privacy
Connected agents read and write diagrams through your account. Diagram content an agent reads is sent to that agent's provider under their terms. See the Privacy Policy and Terms.
Support
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.