xiaolai

Claude Rich Terminal — Development skill for Claude Code

Development community

Mermaid diagrams drawn inside Claude Code replies, with optional terminal images and an offline browser view.

How to install Claude Rich Terminal

This entry records only its repository, not the path inside it, so there is no exact command to give. Open xiaolai/claude-rich-terminal and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Rich Terminal does

Mermaid diagrams drawn inside Claude Code replies, with optional terminal images and an offline browser view.

Alternatives in Development

Hand Drawn Styles — Claude Code skill：把内容套进内置手绘画风配方,产出可直接复制的生图提示词 930 ★
Zoetrope — Watch a Claude Code session as a live flow graph, in your terminal or your browser 584 ★
Mulmoterminal — Run multiple Claude Code and Codex sessions in parallel — a browser terminal grid that shows which agent needs 187 ★

README

Claude Rich Terminal

Mermaid diagrams drawn inside Claude Code replies, instead of raw source, and a truecolor status line under the prompt with a Token Weather forecast of the context window.

A Claude Code reply with a Mermaid flowchart: first drawn as box-drawing text, then replaced by a picture of the same diagram.

The diagram in the animation is the plugin's own output: its text drawing, then its picture in Ghostty or kitty. The window around it is recreated. The [gallery](#gallery) shows one diagram of every supported type.

What it does

Draws diagrams in place. Each Mermaid block in a reply, including one inside a quote or list, is replaced by a drawing on screen only. The stored message is unchanged, and ctrl+o shows the source.
Fits the terminal. A left-to-right flowchart too wide for the window is redrawn top-to-bottom. If it still does not fit, the source is shown. Changing the terminal's width redraws.
Optional pictures. In Ghostty or kitty, diagrams can be drawn as real images instead (see Settings).
Full view in the browser. /rich open opens a diagram as a zoomable page that works offline.
A status line under the prompt. Folder and git state, model and effort, context with Token Weather, time and cost, account and rate limits, restyled live with /rich status (see Status line).

Terminal drawings cover flowcharts, sequence, state, class, ER and xy charts. Other types (pie, gantt, mindmap, timeline, gitGraph, journey) stay as source, unless pictures are on.

Gallery

One diagram of every supported type, in a reply in a terminal 120 columns wide. Each diagram is the plugin's own output; only the window around it is recreated. The first six types are drawn as text in any terminal and as pictures in G