# glyphic

Превращает типизированный JSON в SVG, PNG или React Flow JSON. Пригодится, когда агенту нужно рисовать диаграммы по структуре, а не координатам.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 10
- Автор: MS-Teja
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/MS-Teja/Glyphic
- Обновлён: 2026-10-15
- HTML: https://affpapa.org/nevibecode/mcp/glyphic

## Что делает

Glyphic принимает строгий JSON с массивами `nodes` и `edges`, `entities` или `commits` и отдаёт готовую диаграмму. Схема описана на Zod, поэтому кривой вывод модели возвращается точной ошибкой ещё до рендера — цикл «сгенерировал, проверил, поправил, отрисовал» получается коротким.

Поддерживается 18 типов: архитектура, sequence, ERD, UML-классы, конечные автоматы, блок-схемы, Gantt, таймлайны, Sankey, Git-деревья, майндмапы, круговая, квадрант, user journey, Kanban, C4, treemap и свободный холст. Раскладку считают `elkjs` и `d3-hierarchy`, PNG растеризует Rust через `@resvg/resvg-js`. Ни DOM, ни headless-браузера, ни Chromium — сервер спокойно живёт в CI, Lambda или контейнере.

Запускается по stdio через `npx`, ставить глобально ничего не надо. Для Claude хватит одной команды, для остальных клиентов — записи в MCP-конфиге. Если нужен свой эндпоинт, движок можно поднять как HTTP-сервис и не тащить библиотеку в каждый клиент.

## Требования
- Нужно: Node.js (команды через npx)

## Установка

### Claude Code (родная платформа)

**Командой платформы**
```bash
claude mcp add glyphic -- npx -y @glyphicjs/mcp-server
```

### Codex

**Командой платформы**
```bash
codex mcp add glyphic -- npx -y @glyphicjs/mcp-server
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "glyphic": {
            "command": "npx",
            "args": [
                "-y",
                "@glyphicjs/mcp-server"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "glyphic": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@glyphicjs/mcp-server"
            ]
        }
    }
}
```

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add glyphic npx -y @glyphicjs/mcp-server
```

## Когда брать
- собрать ERD для схемы блога из описания таблиц
- отрисовать архитектуру сервиса без ручной расстановки координат
- получить PNG диаграммы в CI-пайплайне без Chromium
- выдать интерактивный React Flow JSON для канваса
- перерисовать диаграмму после правки JSON, не ломая раскладку

## Примеры запросов агенту
- Нарисуй ERD для блога с users, posts и comments
- Сделай диаграмму архитектуры из этого JSON и сохрани в `diagram.png`
- Отрисуй sequence-диаграмму по шагам ниже

## Похожие
- [REA](https://affpapa.org/nevibecode/mcp/rea.md) — MCP-сервер · ★ 392262
- [GitHub](https://affpapa.org/nevibecode/mcp/github.md) — MCP-сервер · ★ 33989
- [Netdata](https://affpapa.org/nevibecode/mcp/netdata.md) — MCP-сервер · ★ 81163
- [browser-use](https://affpapa.org/nevibecode/mcp/browser-use.md) — MCP-сервер · ★ 119231
- [Codebase Memory](https://affpapa.org/nevibecode/mcp/codebase-memory.md) — MCP-сервер · ★ 47577
- [mcp-server](https://affpapa.org/nevibecode/mcp/mcp-server.md) — MCP-сервер · ★ 43902

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md