cli-anything-mermaid — скилл для Claude Code: обзор и установка
Консольный интерфейс для создания и экспорта диаграмм Mermaid в SVG или PNG без графического редактора. Пригодится ИИ-агентам для визуализации архитектуры прямо из терминала.
npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a claude-codeЧто делает cli-anything-mermaid
Скилл даёт доступ к CLI-утилите для работы со схемами Mermaid через терминал. Агент создаёт проект командой project new, загружает встроенный шаблон последовательности или блок-схемы, а затем правит исходный код диаграммы. Состояние схемы сохраняется в локальный JSON-файл. Это позволяет возвращаться к правкам и вызывать session undo, если сгенерированный код при проверке оказался неверным.
Готовые схемы утилита преобразует в файлы SVG или PNG через команду export render. Кроме графики, инструмент умеет генерировать ссылки на веб-редактор Mermaid Live с режимом просмотра или редактирования. Для экспорта картинок понадобится стабильный интернет: рендеринг выполняется через облачный сервис mermaid.ink, а не локальным движком.
Для взаимодействия с агентами предусмотрен флаг --json, который выводит результаты команд в структурированном виде. Для запуска требуется Python версии 3.10 или выше и установленный пакет pip install cli-anything-mermaid.
Какие задачи решает
- создать блок-схему или диаграмму последовательности из терминала
- отрендерить диаграмму Mermaid в формат SVG или PNG
- получить ссылку на редактирование схемы в Mermaid Live Editor
- управлять историей правок схемы с поддержкой undo и redo
Примеры запросов агенту
- Создай новую блок-схему в файле flow.json и отрендери её в output.svg
- Сгенерируй диаграмму последовательности для процесса авторизации и экспортируй ссылку на Mermaid Live
- Обнови код схемы в проекте diagram.json и покажи текущий статус сессии
Как установить cli-anything-mermaid
1Через Skills CLI (Vercel)
npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a claude-code2Вручную: положить файлы
~/.claude/skills/cli-anything-mermaid/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/cli-anything-mermaid/
1Через Skills CLI (Vercel)
npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a codex2Вручную: положить файлы
.agents/skills/cli-anything-mermaid/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a cursor2Вручную: положить файлы
.cursor/skills/cli-anything-mermaid/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install HKUDS/CLI-Anything cli-anything-mermaid2Вручную: положить файлы
.github/skills/cli-anything-mermaid/SKILL.md1Через Skills CLI (Vercel)
npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a gemini-cli2Командой платформы
gemini skills install https://github.com/HKUDS/CLI-Anything --path skills/cli-anything-mermaidВручную: положить файлы
.devin/skills/cli-anything-mermaid/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
Из того же набора18
Весь набор →Похожие
Вопросы о cli-anything-mermaid
Как установить cli-anything-mermaid в Claude Code?
Сначала установите пакет в окружение Python 3.10+ командой pip install cli-anything-mermaid. Затем зарегистрируйте скилл: npx skills add HKUDS/CLI-Anything --skill cli-anything-mermaid -a claude-code.
Что делает cli-anything-mermaid?
Скилл даёт консольные команды для создания и редактирования диаграмм Mermaid без браузера. Он сохраняет состояние проектов в JSON-файлах, поддерживает откат изменений и экспортирует схемы в картинки или веб-ссылки.
Требуется ли устанавливать Chromium для рендеринга диаграмм?
Локальные браузеры или системные библиотеки не нужны. Генерация файлов SVG и PNG происходит через удалённый сервис mermaid.ink.
Исходный текст
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