# figure-spec

Создаёт редактируемые SVG-диаграммы из JSON-описания FigureSpec. Пригодится для архитектуры, процессов и конвейеров, где важны точные связи.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 456 установок · ★ 18090
- Автор: wanshuiyin
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep/tree/HEAD/skills/figure-spec/SKILL.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/skills/figure-spec

## Что делает

figure-spec превращает структурированный JSON FigureSpec в SVG для схем архитектуры, рабочих процессов, конвейеров, аудиторских каскадов и топологий. При фиксированных версии рендерера и шрифтах одно описание даёт один и тот же файл. SVG остаётся обычным текстом, поэтому его можно править вручную.

Рендерер проверяет схему JSON и сообщает об ошибках в некорректных спецификациях. Он учитывает форму узлов при обрезке линий: доступны прямоугольники, скруглённые блоки, круги, эллипсы и ромбы. Запуск идёт через `python3` с командами `render`, `validate` и `schema`.

Работа выполняется локально, без сети и ключей API. Для вывода SVG должен находиться `figure_renderer.py`; если путь к нему не разрешается, генерация не запустится, поэтому это повод проверить установку.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add wanshuiyin/Auto-claude-code-research-in-sleep --skill figure-spec -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/figure-spec/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/figure-spec/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add wanshuiyin/Auto-claude-code-research-in-sleep --skill figure-spec -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/figure-spec/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add wanshuiyin/Auto-claude-code-research-in-sleep --skill figure-spec -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/figure-spec/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install wanshuiyin/Auto-claude-code-research-in-sleep figure-spec
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/figure-spec/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add wanshuiyin/Auto-claude-code-research-in-sleep --skill figure-spec -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep --path skills/figure-spec
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/figure-spec/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add wanshuiyin/Auto-claude-code-research-in-sleep --skill figure-spec -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/wanshuiyin/Auto-claude-code-research-in-sleep/tree/HEAD/skills/figure-spec/SKILL.md

## Когда брать
- собрать архитектурную схему из JSON FigureSpec
- нарисовать конвейер с фиксированным расположением шагов
- проверить спецификацию перед рендерингом SVG
- сохранить диаграмму для ручной правки
- соединить узлы с учётом их формы

## Примеры запросов агенту
- Создай SVG-схему архитектуры сервиса с группами, узлами и связями по FigureSpec JSON.
- Нарисуй конвейер обработки данных слева направо и сохрани редактируемый SVG.
- Проверь мой файл FigureSpec JSON и отрендери его в `architecture.svg`.

## Похожие
- [blueprint-figure](https://affpapa.org/nevibecode/skills/blueprint-figure.md) — скилл · 552 установки
- [fireworks-tech-graph](https://affpapa.org/nevibecode/skills/fireworks-tech-graph.md) — скилл · 18000 установок
- [excalidraw-diagram](https://affpapa.org/nevibecode/skills/excalidraw-diagram.md) — скилл · 8500 установок
- [anatomy](https://affpapa.org/nevibecode/skills/anatomy.md) — скилл · 21800 установок
- [diagram-design](https://affpapa.org/nevibecode/skills/diagram-design.md) — скилл · 19600 установок
- [motion-figure](https://affpapa.org/nevibecode/skills/motion-figure.md) — скилл · 545 установок

Из того же набора: [wanshuiyin/auto-claude-code-research-in-sleep](https://affpapa.org/nevibecode/by/wanshuiyin/auto-claude-code-research-in-sleep.md) — 78 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

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