Prompt Design Standard

Make great prompts easy to build, manage and share

An open‑source design standard for prompts. Compose with blocks, version with confidence, and export anywhere.

<prompt.standard />v0.1.0
01

The problem

Prompts live in docs, chats, and repos. They’re hard to version, review, and reuse. Small tweaks get lost; knowledge doesn’t travel.

  • Missing structure across teams
  • No single source of truth
  • Difficult to test, compare, and ship
02

The solution

A design standard for prompts: clear primitives, portable formats, and predictable structure.

Blocks

role, goal, context, instructions, variables, examples

Portable

export JSON / XML, no lock‑in

03

How it works

Compose, validate, and share—like code.

  1. 1. Compose from building blocks
  2. 2. Validate and document with front‑matter
  3. 3. Export and version alongside code

Go beyond plain text

Code snippets

Native highlighting for examples and tests.

Toggles

Collapse verbose rationale, keep docs scannable.

Images & media

Embed diagrams and walkthroughs alongside text.

Table of contents

Auto‑generated anchors for longer specs.

Metrics

Track prompt quality over time.

…and more

A growing set of blocks and templates.

Compose with blocks

The editor mirrors the mental model: add blocks, reorder, and preview exports. Icons use a bold shade with a lighter background—clear visual anchors, just like in the editor.

Readable

clean typography, sensible defaults

Reliable

schema‑checked front‑matter

Collaborative

commit, diff, review like code

role: "Senior Prompt Engineer" blocks: [role, goal, context, instructions, examples, variables]

Recipe highlights

Explore community‑ready prompts and preview their block structure.

Recipe Collection

Discover proven prompt recipes that deliver consistent results

Expert Coding Assistant
Comprehensive prompt for high-quality code assistance with context awareness, best practices, and thorough explanations
vibecode-team
6 blocks
coding
programmingdebuggingcode-review+1

Block Structure:

#
Headingheading

Expert Coding Assistant

🤖
AI Rolerole

You are an expert software engineer with deep knowledge across multiple programming languages, frame...

🎯
Goalgoal

Help the user with their coding tasks by providing high-quality solutions, explanations, and guidanc...

⚠️
Constraintconstraint

Always consider security, performance, and maintainability. Provide code that follows industry best ...

+2 more blocks
Document Analysis Expert
Specialized prompt for analyzing documents, extracting key insights, and providing structured summaries
analysis-expert
5 blocks
analysis
document-analysissummarizationinsights+1

Block Structure:

#
Headingheading

Document Analysis Expert

🤖
AI Rolerole

You are a document analysis expert skilled at extracting key information, identifying patterns, and ...

🎯
Goalgoal

Analyze the provided document and extract meaningful insights in a structured format.

📋
Instructionsinstructions

{"steps":["Document type and purpose identification","Key themes and topics extraction","Important f...

+1 more blocks
Creative Storytelling Assistant
Advanced prompt for creative writing, storytelling, and narrative development
creative-writer
6 blocks
creative
creative-writingstorytellingcharacter-development+1

Block Structure:

#
Headingheading

Creative Storytelling Assistant

🤖
AI Rolerole

You are a master storyteller and creative writing coach with expertise in narrative structure, chara...

🎯
Goalgoal

Help create compelling stories, develop characters, or improve narrative elements based on the user'...

⚠️
Constraintconstraint

Focus on showing rather than telling. Develop multi-dimensional characters. Create engaging conflict...

+2 more blocks
React Component Builder
Creates production-ready React components with TypeScript, tests, and documentation
vibecode-team
8 blocks
coding
reacttypescriptcomponent+2

Block Structure:

#
Headingheading

React Component Builder

🤖
AI Rolerole

You are an expert React developer specializing in creating reusable, accessible, and performant comp...

🔧
Variablevariable

{"name":"component_name","type":"string","required":true,"description":"Name of the React component ...

🔧
Variablevariable

{"name":"styling_approach","type":"select","options":["css-modules","styled-components","tailwind","...

+4 more blocks

Every team’s prompts, in one place

Organize by patterns, not paste‑bins

Use the sidebar to navigate blocks and templates. Keep a single source of truth and evolve prompts with the same rigor as code.

“We finally treat prompts like real artefacts. The block system and exports let us iterate faster and share improvements across teams.”

Design Ops Lead, early adopter