Nyrok/flompt

flow + prompt = flompt
Turn any AI prompt into a visual flow. Decompose, edit as a flowchart, recompile.
---
🎥 Demo
**Try it live at flompt.dev**, free, no account needed.
> Paste any prompt. The AI breaks it into typed blocks. Drag, reorder, compile to Claude-optimized XML.
---
✨ What is flompt?
**flompt** is a visual prompt engineering tool.
Instead of writing one long block of text, flompt lets you:
1. Paste any prompt and let the AI break it into structured blocks
2. Drag, connect, and reorder blocks in a flowchart editor
3. Compile to a Claude-optimized, machine-ready XML prompt
---
🧩 Block Types
16 specialized blocks that map directly to Claude's prompt engineering best practices:
| Block | Purpose | Claude XML |
|-------|---------|-----------|
| **Document** | External content grounding | |
| **Role** | AI persona & expertise | |
| **Tools** | Callable functions the agent can use | |
| **Audience** | Who the output is written for | |
| **Context** | Background information | |
| **Environment** | System context: OS, paths, date, runtime | |
| **Objective** | What to DO | |
| **Goal** | End goal & success criteria | |
| **Input** | Data you're providing | |
| **Constraints** | Rules & limitations | |
| **Guardrails** | Hard limits and safety refusals | |
| **Examples** | Few-shot demonstrations | |
| **Chain of Thought** | Step-by-step reasoning | |
| **Output Format** | Expected output structure | |
| **Response Style** | Verbosity, tone, prose, markdown (structured UI) | |
| **Language** | Response language | |
Blocks are automatically ordered following Anthropic's recommended prompt structure.
---
🚀 Try It Now
**flompt.dev**, free and open-source, no account needed.
---
🧩 Browser Extension
Use flompt directly inside ChatGPT, Claude, and Gemini without leaving your tab.
- Injects an Enhance button into the AI chat input
- Bidirectional sync between the sidebar and the chat
- Works on ChatGPT, Claude, and Gemini
---
🤖 Claude Code Integration (MCP)
flompt exposes its core capabilities as native tools inside **Claude Code** via the Model Context Protocol (MCP).
Once configured, you can call decompose_prompt, compile_prompt, and list_block_types directly from any Claude Code conversation, no browser, no copy-paste.
Installation
**Option 1: CLI (recommended)**
The --scope user flag makes flompt available in all your Claude Code projects.
**Option 2: ~/.claude.json**
Available Tools
Once connected, 3 tools are available in Claude Code:
decompose_prompt(prompt: str)
Breaks down a raw prompt into structured blocks (role, objective, context, constraints, etc.).
- Uses Claude or GPT on the server if an API key is configured
- Falls back to keyword-based heuristic analysis otherwise
- Returns a list of typed blocks + full JSON to pass to compile_prompt
compile_prompt(blocks_json: str)
Compiles a list of blocks into a Claude-optimized XML prompt.
- Takes the JSON from decompose_prompt (or manually crafted blocks)
- Reorders blocks following Anthropic's recommended structure
- Returns the final XML prompt with an estimated token count
list_block_types()
Lists all 16 available block types with descriptions and the recommended canonical ordering. Useful when manually crafting blocks.
Typical Workflow
Technical Details
| Property | Value |
|----------|-------|
| Transport | Streamable HTTP (POST) |
| Endpoint | https://flompt.dev/mcp/ |
| Session | Stateless (each call is independent) |
| Auth | None required |
| DNS rebinding protection | Enabled (flompt.dev explicitly allowed) |
---
🛠️ Self-Hosting (Local Dev)
Requirements
- Python 3.12+
- Node.js 18+
- An Anthropic or OpenAI API key (optional, heuristic fallback works without one)