cli-anything-mermaid — Claude Code skill: overview and setup
Command-line tool to create and export Mermaid diagrams to SVG or PNG without a GUI. Useful for AI agents generating architecture flowcharts directly from terminal sessions.
npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a claude-codeWhat cli-anything-mermaid does
This skill provides a command-line interface to build Mermaid diagrams from the terminal. An agent creates a stateful project file with project new, loads diagram templates, and edits diagram source code. State persists inside a JSON file. This setup supports undo and redo commands to revert mistakes quickly.
Diagrams export directly to SVG or PNG files through export render. The CLI also generates view or edit URLs for the Mermaid Live Editor. Rendering requires an active internet connection: image generation relies on the mermaid.ink cloud service rather than a local browser engine.
All subcommands support a --json flag to return machine-readable output for programmatic agent workflows. Running the tool requires Python 3.10+ and the package installed via pip install cli-anything-mermaid.
What it helps with
- create flowcharts and sequence diagrams from the command line
- render Mermaid diagrams into SVG or PNG files
- generate shareable view or edit links for Mermaid Live Editor
- manage diagram revisions with undo and redo support
Example prompts for the agent
- Create a new flowchart project in flow.json and render it to output.svg
- Generate an auth sequence diagram and create an editable Mermaid Live link
- Update the diagram source in diagram.json and check the session status
How to install cli-anything-mermaid
1Skills CLI (Vercel)
npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a claude-code2Manually: put the files in place
~/.claude/skills/cli-anything-mermaid/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/cli-anything-mermaid/
1Skills CLI (Vercel)
npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a codex2Manually: put the files in place
.agents/skills/cli-anything-mermaid/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a cursor2Manually: put the files in place
.cursor/skills/cli-anything-mermaid/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install HKUDS/CLI-Anything cli-anything-mermaid2Manually: put the files in place
.github/skills/cli-anything-mermaid/SKILL.md1Skills CLI (Vercel)
npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a gemini-cli2Platform CLI
gemini skills install https://github.com/HKUDS/CLI-Anything --path skills/cli-anything-mermaidManually: put the files in place
.devin/skills/cli-anything-mermaid/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
From the same set18
The whole set →Similar
Questions about cli-anything-mermaid
How to install cli-anything-mermaid in Claude Code?
First install the Python package in Python 3.10+ using pip install cli-anything-mermaid. Then add the skill using npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a claude-code.
What does cli-anything-mermaid do?
It provides a CLI for managing Mermaid diagrams without a browser. It creates project files, updates diagram code, handles undo/redo states, and exports visuals to SVG, PNG, or web links.
Does rendering require Chromium or local browser libraries?
Local browsers or headless tools are not required. The CLI sends diagram code to the mermaid.ink cloud service to generate SVG and PNG files.
Source text
SKILL.md · Apache-2.0
--- name: "cli-anything-mermaid" description: >- Command-line interface for Mermaid Live Editor - Create, edit, and render Mermaid diagrams via stateful project files and mermaid.ink renderer URLs. Designed for AI agents and power users who need to generate flowcharts, sequence diagrams, and other visualizations without a GUI. --- # cli-anything-mermaid Create, edit, and render Mermaid diagrams via stateful project files and the mermaid.ink renderer. Designed for AI agents and power users who need to generate flowcharts, sequence diagrams, and other visualizations without a GUI. ## Installation This CLI is installed as part of the cli-anything-mermaid package: ```bash pip install cli-anything-mermaid ``` **Prerequisites:** - Python 3.10+ - No external software required (rendering uses mermaid.ink cloud service) ## Usage ### Basic Commands ```bash # Show help cli-anything-mermaid --help # Start interactive REPL mode cli-anything-mermaid # Create a new project cli-anything-mermaid project new -o diagram.json # Run with JSON output (for agent consumption) cli-anything-mermaid --json project info ``` ### REPL Mode When invoked without a subcommand, the CLI enters an interactive REPL session: ```bash cli-anything-mermaid # Enter commands interactively with tab-completion and history ``` ## Command Groups ### Project Project lifecycle commands. | Command | Description | |---------|-------------| | `new` | Create a new Mermaid project with optional sample preset and theme | | `open` | Open an existing Mermaid project file | | `save` | Save the current project to a file | | `info` | Show current project information | | `samples` | List available sample diagram presets | ### Diagram Diagram source manipulation commands. | Command | Description | |---------|-------------| | `set` | Replace the Mermaid source text (inline or from file) | | `show` | Print the current Mermaid source code | ### Export Render and share commands. | Command | Description | |---------|-------------| | `render` | Render the diagram to SVG or PNG via mermaid.ink | | `share` | Generate a Mermaid Live Editor URL for sharing | ### Session Session state commands. | Command | Description | |---------|-------------| | `status` | Show current session state | | `undo` | Undo the last diagram source change | | `redo` | Redo the last undone change | ## Examples ### Create and Render a Flowchart ```bash # Create a project with flowchart sample cli-anything-mermaid project new --sample flowchart -o flow.json # Replace diagram source cli-anything-mermaid --project flow.json diagram set --text "graph TD; A-->B; B-->C;" # Render to SVG cli-anything-mermaid --project flow.json export render output.svg --format svg ``` ### Create a Sequence Diagram ```bash # Create project with sequence sample cli-anything-mermaid project new --sample sequence -o seq.json # Set diagram from file cli-anything-mermaid --project seq.json diagram set --file my_diagram.mmd # Render to PNG cli-anything-mermaid --project seq.json export render output.png --format png ``` ### Share a Diagram ```bash # Generate an editable Mermaid Live URL cli-anything-mermaid --project flow.json export share --mode edit # Generate a view-only URL cli-anything-mermaid --project flow.json export share --mode view ``` ### Interactive REPL Session ```bash cli-anything-mermaid # new flowchart # set graph TD; A-->B; B-->C; # render output.svg # share # quit ``` ## State Management The CLI maintains session state with: - **Undo/Redo**: Revert or replay diagram source changes - **Project persistence**: Save/load project state as JSON - **Session tracking**: Track modifications and changes ## Output Formats All commands support dual output modes: - **Human-readable** (default): Tables, colors, formatted text - **Machine-readable** (`--json` flag): Structured JSON for agent consumption ```bash # Human output cli-anything-mermaid project info # JSON output for agents cli-anything-mermaid --json project info ``` ## For AI Agents When using this CLI programmatically: 1. **Always use `--json` flag** for parseable output 2. **Check return codes** - 0 for success, non-zero for errors 3. **Parse stderr** for error messages on failure 4. **Use absolute paths** for all file operations 5. **Verify outputs exist** after render operations ## More Information - Full documentation: See README.md in the package - Test coverage: See TEST.md in the package - Methodology: See HARNESS.md in the cli-anything-plugin ## Version 1.0.0
© HKUDS · Apache-2.0 · HKUDS/CLI-Anything