Render Mermaid diagrams as ASCII/Unicode art for terminal display or as SVG files. Use when visualizing flowcharts, state machines, sequence diagrams, class diagrams, or ER diagrams. Supports 17 themes (including vellum, tokyo-night, catppuccin, nord, dracula, github) plus custom colors via --colors JSON.
The English summary is being prepared. Showing the original description.
See how to installReview the instructions the agent will receive before you install.
Render Mermaid diagrams as ASCII/Unicode art (for terminal) or SVG (for files).
# Render ASCII diagram to terminal
node ~/.claude/skills/beautiful-mermaid/scripts/mermaid.mjs "graph LR; A-->B-->C"
# Output:
# ┌───┐ ┌───┐ ┌───┐
# │ A │────►│ B │────►│ C │
# └───┘ └───┘ └───┘
node ~/.claude/skills/beautiful-mermaid/scripts/mermaid.mjs [options] [input]
| Option | Description |
|---|---|
-f, --format TYPE | Output format: ascii (default) or svg |
-t, --theme NAME | Theme for SVG output (default: zinc-dark) |
--colors JSON | Custom colors as JSON: {"bg":"#hex","fg":"#hex","accent":"#hex","line":"#hex","muted":"#hex"}. Mutually exclusive with --theme. |
--transparent | Transparent SVG background (for inlining into themed pages) |
-o, --output FILE | Write to file instead of stdout |
--ascii | Use pure ASCII instead of Unicode box-drawing |
--themes | List available themes |
-h, --help | Show help |
mermaid.mjs "graph TD; A-->B"mermaid.mjs diagram.mmdecho "graph LR; A-->B" | mermaid.mjs -# Flowchart with Unicode box-drawing (default)
node ~/.claude/skills/beautiful-mermaid/scripts/mermaid.mjs "graph TD; Start-->Process-->End"
# Pure ASCII for maximum compatibility
node ~/.claude/skills/beautiful-mermaid/scripts/mermaid.mjs --ascii "graph LR; A-->B"
# Create SVG with tokyo-night theme
node ~/.claude/skills/beautiful-mermaid/scripts/mermaid.mjs -f svg -t tokyo-night "graph TD; A-->B" -o diagram.svg
# Sequence diagram
node ~/.claude/skills/beautiful-mermaid/scripts/mermaid.mjs -f svg -t catppuccin-mocha "sequenceDiagram
Alice->>Bob: Hello
Bob-->>Alice: Hi!" -o sequence.svg
| Type | Syntax |
|---|---|
| Flowchart | graph TD/LR/BT/RL or flowchart TD/LR/BT/RL |
| State | stateDiagram-v2 |
| Sequence | sequenceDiagram |
| Class | classDiagram |
| ER | erDiagram |
Dark themes: zinc-dark, tokyo-night, tokyo-night-storm, catppuccin-mocha, nord, dracula, github-dark, solarized-dark, one-dark, blueprint-dark*
Light themes: zinc-light, tokyo-night-light, catppuccin-latte, nord-light, github-light, solarized-light, vellum*
* = local theme extension (defined in CLI wrapper, not upstream package)
List themes: node ~/.claude/skills/beautiful-mermaid/scripts/mermaid.mjs --themes
Other skills invoke beautiful-mermaid to generate themed diagrams matching their visual identity. Standard pattern:
# Named theme
node ~/.claude/skills/beautiful-mermaid/scripts/mermaid.mjs \
-f svg -t vellum --transparent -o diagram.svg "graph TD; A-->B-->C"
# Custom colors (for project-specific palettes)
node ~/.claude/skills/beautiful-mermaid/scripts/mermaid.mjs \
-f svg --colors '{"bg":"#1a1b26","fg":"#a9b1d6","accent":"#7aa2f7"}' \
-o diagram.svg "graph TD; A-->B-->C"
# ASCII for markdown output (planning, design briefs)
printf 'graph TD\n A --> B --> C' | \
node ~/.claude/skills/beautiful-mermaid/scripts/mermaid.mjs -
Theme mapping for consuming skills:
| Skill | Theme | Notes |
|---|---|---|
| vellum-editorial | vellum | Cream/ink/copper; use --transparent for inline SVGs |
| Dark slide decks | blueprint-dark | Cyan-on-navy for technical presentations |
| minoan-frontend-design | --colors | Extract hex from project's DESIGN.md tokens |
| design-md | github-light | Neutral light theme for token documentation |
| shape | ASCII mode | Append decision flows to .design-context.md |
No reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
Search academic papers, build literature reviews, and synthesize research findings — combines Exa search (publication category, domain and date filters) with arxiv-mcp-server for paper discovery, download, and deep analysis. Triggers on academic paper, literature review, research synthesis, arxiv, find papers, scholarly search.
The English summary is being prepared. Showing the original description.
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
The English summary is being prepared. Showing the original description.
This skill should be used when creating, auditing, or maintaining AGENTS.md files and Codex CLI configuration for any project—including initializing AGENTS.md for cross-agent compatibility (Codex, Cursor, Copilot, Devin, Jules, Amp, Gemini CLI), generating config.toml or .rules files, scaffolding .agents/skills/, converting CLAUDE.md to AGENTS.md, or auditing existing agent configs for bloat and staleness. Complementary to codex-orchestrator (which executes subagents; this skill creates the config files they consume).
The English summary is being prepared. Showing the original description.
Academic research skill for Biblical Hebrew, Semitic linguistics, cuneiform studies, and comparative Ancient Near Eastern research. Provides Sefaria API for Hebrew Bible, CDLI/ORACC for cuneiform databases, and web discovery via Omnisearch, Exa, Firecrawl, and Obscura for finding scholarly sources across JSTOR, Perseus, Persée, Google Scholar, and academia.edu. Triggers on Hebrew quotes, cuneiform, Sefaria, ANE research, Minoan, search for scholarship, find papers, literature review, scholarly search, academic search, Genesis/Tehom, Ugaritic, Talmudic sources, extract from PDF, OCR academic.
The English summary is being prepared. Showing the original description.
Build comprehensive ARCHITECTURE.md files following matklad's canonical guidelines — bird's-eye views, ASCII/Mermaid diagrams, codemaps, invariants, and layer boundaries. Triggers on document the architecture, create ARCHITECTURE.md, map this codebase, architectural overview.
The English summary is being prepared. Showing the original description.
Generate physically-based atmospheric scattering shaders — sky domes, planetary atmospheres, LUT-optimized pipelines, depth-aware post-processing. Four modes — sky-dome, atmosphere-post, planet, lut. Triggers on atmospheric scattering, sky shader, sunset rendering, planet atmosphere, Rayleigh scattering, Mie scattering, volumetric sky, sky dome, atmosphere post-processing, aerial perspective, transmittance LUT, sky rendering, realistic sky, planetary rendering.
The English summary is being prepared. Showing the original description.