Claude TUI Mockup Builder

Click any block to edit its text inline.

Add block

Script

Edits save automatically. Renaming moves the script rather than leaving a copy behind.

Canvas

Export

Alt text

Markup

[[file.md]] → blue filename link
**text** → bold
~~text~~ → dim grey (for hints like (esc to cancel))
- item at line start → • bullet, hanging-indented on wrap; indent two spaces per nesting level
-- → em dash
Enter makes a new line inside a block; Shift+Enter too. Use the button on an output block to hide its bullet (for continued paragraphs).

In subagent, tool call, todo and answered blocks, line 1 is the header and every line after it is a body line under the elbow. In a todo block, prefix an item with for completed (☒, struck through) or for in-progress (bold); anything else is pending (☐). The header's name is bold up to the first ( or ~~, so Agent(prompt) and Task Output ~~id~~ both render correctly. The button cycles the status dot white → green → red; red also turns the result body red.

In a teammate spawn block, line 1 is the group header and each flush line below is one agent (name: type); the last gets , the others . Indent a line to give the row above it a progress line — settled teammates have none, which is what distinguishes them from a plain subagent's Done (…).

Verbatim strings from Claude Code 2.1.228 — the context indicator sits in the footer by the prompt, not inline in the transcript:
N% until auto-compact (dim)
N% context used (dim, when the window isn't enforced)
Context low (N% remaining) · Run /compact to compact & continue (red — only when auto-compact is off)
✻ Conversation compacted (ctrl+o for history)

Reset