mermaid-cards

by youngOman · ★ 1 · updated 4 days ago

Reskinsvalidates

0

把回覆裡的 mermaid 流程圖/時序圖畫成卡片式圖(配色取自 cmux 主題 GitHub Dark High Contrast,預設垂直排列)

install mermaid-cards

Install

/plugin marketplace add youngOman/pill-mods
/plugin install mermaid-cards@pill-mods

Then run /reload-plugins or start a new session. Requires Claude Code 2.1.287+.

View source on GitHub

What it hooks into

From an automated scan with claude plugin validate, not a security review. Mods run with your permissions; read the code before installing.

Events
ui.render
API calls
$.ui.copy$.ui.resolve$.ui.toast
Draws
AssistantMessage
Reach
level 1 of 3 writes the clipboarddraws

Origin

How it got here
Automated scan of public GitHub repos, via the CC0 dataset awesome-claude-code-mods (scan of ).
Repository
github.com/youngOman/pill-mods
Path in repo
mods/mermaid-cards
Source commit
7034a22 the exact code the scan read
Author
@youngOman
License
No license declared — ask the author before reusing code.
First published
Last pushed
First listed here

Name and description come from the mod's own manifest. We link to the code; we don't host it, and it stays under its author's license.

More from youngOman/pill-mods

image-peek

youngOman/pill-mods

image-view (jarrodwatts) fixed for newer Claude Code: thumbnails of pasted images above the prompt, read from $TMPDIR/clipboard-*.png.

★ 1Bands

mermaid-pane

youngOman/pill-mods

Draws mermaid blocks in Claude's replies as pictures right in the conversation: navy nodes with light-blue borders on a transparent background, download and copy-image buttons.

★ 1Reskins

pill-copy

youngOman/pill-mods

copy-band (yash-gadodia) restyled: a copy icon at the top-right of every block (code, table, list, quote); click to copy.

★ 1Status lineReskinsCommands

pill-steps

youngOman/pill-mods

next-steps (hamzafer) restyled: next prompts as Claude-colored pills above the prompt. Press 1-3 in an empty prompt, 0 to dismiss.

★ 1BandsPrompt