Artifact ยท General

Prompt Builder

prompt builderai prompt libraryprompt templateprompt templateschatgpt promptsclaude prompts

Prompt Builder is a shared AI prompt library for your team. Write a good prompt once, mark the parts that change as blanks, and everyone can reuse it by filling those blanks in instead of rewriting the whole thing.

Use Prompt Builder together on your board.

It sits on a shared MockFlow board next to your work. Every prompt saved there is there for everyone on the board, with who wrote it. Open one, fill the blue blanks right inside the sentence, and copy the finished prompt into ChatGPT, Claude or any other AI tool.

  • Fill in the blank prompts. Blanks appear as blue fields inside the sentence, so you always see what the finished prompt will say.
  • Choice lists. Give a blank a set of choices, such as a tone or an audience, and people pick one from a dropdown.
  • Text box or form. Write freely in one box, or build the prompt as a form with Role, Task and Format. Empty form fields are left out.
  • Shared with everyone on the board. Every saved prompt is there for the whole board, with the author's name, and anyone who can edit the board can change it later.
  • Your answers remembered. What you typed into a prompt's blanks is kept for you only, so the next time you open it, your last answers are already there.
  • Search. Find a prompt by its name or by any word in it.
  • Delete with undo. Delete a prompt from its editor and bring it back with Undo.
  • Private public view. Someone opening the board from a public link sees the prompts without any names and cannot change anything.

How to use Prompt Builder.

1

Add it to a board

Open Add anything with the plus button in the bottom toolbar, choose Artifacts and add Prompt Builder. Use on a board on this page opens a new board with it already on.

2

Name your library

Tap the heading to rename the library for everyone on the board, such as Product team prompts.

3

Write a prompt

Choose New prompt, give it a name and write it in the text box. Or switch Write as to Form and fill in Role, Task and Format.

4

Add blanks

Type {{product}} for a blank someone fills in. Type {{tone: Friendly, Formal}} for a blank with a list of choices. A blank on a line of its own becomes a bigger box for pasting text, such as notes or a transcript.

5

Save it for the team

Save adds the prompt to the shared list, where each card shows who wrote it and how many blanks it has. Search finds a prompt by its name or its words.

6

Fill the blanks and copy

Open a prompt, type into each blue blank or pick a choice, and watch the count of blanks left. Copy prompt puts the finished text on your clipboard.

Who uses Prompt Builder.

A product team writing release notes

Keep one release notes prompt with blanks for the product, the audience and the tone, then paste in the commits and copy.

A support team answering customers

Share a reply prompt with a choice of tone and a box for the customer's message, so every agent starts from the same good prompt.

A research team after interviews

Save a summary prompt as a form with a role and an output format, and fill in the persona for each interview.

A marketing team brainstorming copy

Reuse headline and email prompts with blanks for the product and audience instead of retyping them for every campaign.

A team new to AI tools

The people who write the best prompts save them once, and everyone else gets the same results by filling in a few blanks.

Add Prompt Builder to your board.

Use on a board opens a new board with Prompt Builder already on it. To add it to a board you already have, follow these steps. Each copy keeps its own data, so a vote on one board never changes another.

1

Open your board

Open the MockFlow board you want to use it on.

2

Add it from the Artifact Library

Click Add anything (the plus button) in the toolbar at the bottom of the board, switch to Artifacts and pick Prompt Builder under General. Adding it does not use AI credits.

3

Use it together

Click Interact with Component (the hand button), or switch the board to Play mode. Everyone on the board uses the same app, and Reset shared data clears it for the next session.

Questions about Prompt Builder.

What is a prompt template?
A prompt template is a prompt with blanks for the parts that change, such as the product name or the tone. You fill the blanks for each use instead of writing the prompt again.
How do I add a variable to a prompt?
Type the name inside double curly braces, such as {{audience}}. To offer choices, add them after a colon, such as {{tone: Friendly, Formal, Playful}}.
Can my whole team use the same prompts?
Yes. Everyone on the MockFlow board sees the same prompt library and can use, edit and add prompts. Each prompt shows who wrote it.
Does it run the prompt for me?
No. Prompt Builder fills in your prompt and copies it, so you can paste it into ChatGPT, Claude or any AI tool you use.
Will my answers change what others see?
No. The values you type into blanks are remembered for you only. Other people fill in their own.
Can I write a prompt as Role, Task and Format?
Yes. Switch Write as to Form to fill in Role, Task and Format separately. They are joined into one prompt when it is used.
Do I need a paid plan?
Artifacts are included on the Plus and Max plans. Anyone can sign up free and start a board.
Get started

Use Prompt Builder with your team.

Included on Plus and MaxChange it with AI on Max
New to MockFlow

Sign up free, open a board and see what your team can use together.

MCPBrainstorm 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
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. A new board is created and you get a shareable URL.

1
Open Claude.ai → Settings → Connectors
2
Paste this URL, then click Connect and sign in to MockFlow: https://app.mockflow.com/ideaboard/connector/mcp
3
Ask Claude to create a flowchart — done!

ChatGPT or no account: no login needed, use https://app.mockflow.com/ideaboard/mcp

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

Welcome back

Don't have an account? Sign up

Faster ways in

Sign in with an account you already use.