Skip to content
Get packs

RichFormat Terminal Renderer

Draws Claude Code replies in the terminal as boxed flows, charts, tables, diffs and coloured labels.

Source Download skill
Repository
danielmiessler/LifeOS
Stars
19,682
Licence
MIT
Files
15 files

What it does

Once installed as a Claude Code plugin, this skill changes how assistant replies look in the terminal. Diagram-like blocks (flow chains, bar and spark charts, trees, timelines), markdown tables, diffs and labels such as CHANGE, VERIFY and OPEN are drawn as boxes, bars and colours while the answer streams. The stored text stays plain markdown, so the model and transcript are unaffected.

Great for

  • Claude Code users who read long answers in the terminal and want diagrams and tables easier to scan
  • Developers who want coloured diffs and VERIFY pass/fail marks in assistant output
  • Users of the LifeOS system who want the LifeOS closer rule drawn above sign-off lines

Skip it if

  • Users who need generated images or diagrams as files (the skill only redraws terminal text, and the description points image work to a separate Art skill)
  • Non-terminal or headless use such as -p runs, SDK sessions or chat bridges, where the prompt section is deliberately not added and drawing is not applied
  • Anyone wanting the system prompt's marker rules or status line changed, since those live elsewhere (LifeOSHooks and the system prompt)

Try asking

  • “Turn on rich drawing and show my last answer's steps as a flow diagram”
  • “Draw this list of monthly sales as a horizontal bar chart”
  • “Show the proposed change as a diff with green and red lines”
  • “Why is my flow diagram not drawn? Check whether the render mod is loaded”
Step-by-step guide: how to use RichFormat Terminal RendererInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 15 original files, the MIT licence and an attribution note.

    RichFormat.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip RichFormat.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip RichFormat.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Run the plugin self-test (claude plugin test) from the skill folder if drawings do not appear, and check that the plugin is loaded.
  • Ask for a flow, bar, tree or diff fence explicitly so the model writes the syntax the renderer recognises.
  • If an answer prints twice, the fix is in the renderer, not in turning the statusline off.

What's inside

  • hooks/banner.ts
  • hooks/charts.ts
  • hooks/chips.ts
  • hooks/core.ts
  • hooks/diff.ts
  • hooks/enrich.ts
  • hooks/flow.ts
  • hooks/glyph-core.ts
  • hooks/hooks.json
  • hooks/palette.ts
  • hooks/stream.ts
  • hooks/style.ts
  • hooks/table.ts
  • Setup.md
  • SKILL.md

Redistributed unmodified from danielmiessler/LifeOS under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.