Log in

Concept Builder

System Prompt Architect

AI agent · System Prompt Concept Builder

Build a reusable system prompt for a chatbot, copilot, or agent — its role, rules, voice, tools, and the edge cases it has to handle — laid out so a team can refine it together.

Chat All Concept Builders

Start the conversation.

Open a board with System Prompt Architect and send one of these as your first message.

Help me write a system prompt from scratch
Set the role and guardrails for my agent
Work out the tone and reply style
Map the edge cases it needs to handle
Refine a prompt we already have

Get started

Build your concept on the board.

Chat with System Prompt Architect All Concept Builders

Included on Plus and MaxPublish for everyone

New to MockFlow

Sign up free, open a board and chat with any public Concept Builder.

Brainstorm with MockFlow MCP

Add MockFlow as an MCP connector in Claude, Cursor, or any MCP-compatible AI assistant to generate flowcharts, mindmaps, architecture diagrams, and 16 types of visualizations.

Desktop App MCP Powerful

CLI Web MCP Developer

Loginless Web MCP Easiest

Built into the MockFlow Desktop App. AI creates visuals directly on your open canvas — no URLs, no waiting.

1

Open Desktop App → open a MockFlow project

2

In Claude Code / Cursor, run:
claude mcp add --transport http -s user mockflow-ideaboard http://localhost:21193/mcp

3

Ask: "Create a flowchart for..."

Best for: Designers, product teams, daily MockFlow users.

Download Desktop App →

Install from npm, log in via browser (OAuth), and boards are saved to your MockFlow account.

1

npm install -g @mockflow/ideaboard-mcp

2

mockflow-ideaboard-mcp login

3

mockflow-ideaboard-mcp

Best for: Developers using Claude Code, Cursor, or VS Code Copilot.

npm Package →

Add MockFlow as a connector in Claude.ai or ChatGPT. No installation, no account required. A new board is created and you get a shareable URL.

1

Open Claude.ai → Settings → Connectors

2

Paste this URL: https://app.mockflow.com/ideaboard/mcp

3

Ask Claude to create a flowchart — done!

Best for: Managers, marketers, anyone using Claude.ai or ChatGPT in the browser.

Learn more about MockFlow MCP → Agent Skills for MCP

Welcome back

Don't have an account? Sign up

Faster ways in

Sign in with an account you already use.

Sign in with Google

Sign in with Microsoft

Sign in with Apple

Sign in with SSO