Open source · macOS · MIT

A markdown editor built for Claude Code workflows.

Write prompts, skills, and drafts in a focused editor. Skill autocomplete, live preview, token counting, and a direct bridge back to Claude Code.

brew install --cask draftflow GitHub ↗
macOS · Node.js 18+
Draftflow — refactor-plan.md
Project
refactor-plan.md
CLAUDE.md
notes.md
Skills
#review
#plan
#debug
Edit
Split
Preview
## Refactor Plan
 
Migrate the auth module to
use JWT. Key steps:
 
1. Replace session store
2. Update middleware
3. #review each route
 
Skills — type # to search
#review Code review match
#plan Planning skill
#refactor Refactoring
Suggested
#review code review ×
#refactor migration ×
#plan planning ×
tokens 0
Ln 8, Col 24
Send back ↩
Preview
Refactor Plan
Migrate the auth module to use JWT. Key steps:
1. Replace session store
2. Update middleware
3. #review each route
Features
Everything you need.
Nothing you don't.

Built for developers who spend time in Claude Code. Every feature earns its place.

How it works
The round-trip workflow.

Two ways to use Draftflow — tightly coupled to Claude Code, or standalone.

01

Type /df in Claude Code

The slash command writes your content to ~/.claude/editor-bridge/request.md and opens it in Draftflow via the draftflow:// URL scheme.

02

Edit with full autocomplete

Your file opens in the editor. Type # to fuzzy-match skills, / for agents. Contextual suggestions appear as chips as you type — no trigger needed.

03

Click "Send back"

Draftflow writes to ~/.claude/editor-bridge/response.md. Claude Code picks it up immediately and continues.

04

Or use standalone

Open any .md file, write a prompt, and use "Send to Claude" to copy it to your clipboard — ready to paste into any Claude session.

Bonus: /df p

Opens Claude's previous response — a plan, a summary — in the preview pane for review. Write notes in the editor, then send only the notes back. The plan is never re-sent to Claude.

Quick start
Up and running in seconds.
Recommended
Terminal
# Install via Homebrew
$ brew install --cask \
  sameera207/draftflow/draftflow
✓ Draftflow installed
From source
Terminal
$ git clone https://github.com/
  sameera207/draftflow.git
$ cd draftflow && npm install
$ npm start
After launch
# Install the /df Claude Code command (one-time)
  Draftflow → Settings → Install /df command
# Then in any Claude Code session:
$ /df Draft your prompt here…
First launch on macOS: the system may block the app. Go to System Settings → Privacy & Security → "Open Anyway", or run xattr -cr /Applications/Draftflow.app.
FAQ
Common questions.
No API key required. Draftflow is a local markdown editor — it doesn't call any AI APIs directly. It integrates with Claude Code running in your terminal, which handles its own authentication. An optional API key enables contextual skill suggestions (powered by claude-haiku-4-5); if absent, suggestions are silently disabled.
Type # to open a fuzzy search over your installed Claude Code skills — markdown files in your configured scan paths. Type / for agent autocomplete. Hover any result to preview the full skill description. Default scan path is ~/.claude; add more in Settings.
As you type, Draftflow can proactively surface relevant skills as chips below the editor — no trigger character needed. This requires an Anthropic API key and uses claude-haiku-4-5 (fast and inexpensive). Results are cached per prompt to avoid redundant calls. Silently disabled when no key is set.
Draftflow targets macOS at initial launch. It's built on Electron, so it may work on Linux and Windows, but these platforms are not officially supported or tested yet.
The button copies your current markdown to the clipboard as a formatted prompt. You then paste it into a Claude Code session in your terminal. No browser integration — just clipboard.
Yes. Draftflow is fully open source under the MIT license. Fork it, extend it, make it yours. Contributions welcome at github.com/sameera207/draftflow.