# json-canvas

Генерирует и правит файлы .canvas по спецификации JSON Canvas 1.0 для Obsidian. Помогает строить блок-схемы, ментальные карты и доски заметок через агента.

- скилл · `type=skill` · Claude Code · 155 установок
- Автор: davila7
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/skills/document-processing/json-canvas
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/skills/json-canvas

## Что делает

Скилл обучает Claude Code собирать структуру бесконечного холста по стандарту JSON Canvas 1.0. На холст можно выносить четыре типа узлов: текст с Markdown, ссылки на локальные файлы, веб-адреса и группы. Порядок элементов в массиве задаёт z-index.

Внутри файла `.canvas` агент генерирует массивы `nodes` и `edges`. Связи соединяют стороны блоков стрелками и подписями. Пресеты цветов от `"1"` до `"6"` не содержат жёстких hex-кодов, поэтому палитру задаёт само приложение вроде Obsidian.

## Требования
- Работает с: Obsidian

## Установка

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

1. **Через claude-code-templates**
```bash
npx claude-code-templates@latest --skill document-processing/json-canvas
```

2. **Через Skills CLI (Vercel)**
```bash
npx skills add davila7/claude-code-templates --skill json-canvas -a claude-code
```

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

### Codex

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

### Cursor

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install davila7/claude-code-templates json-canvas
```

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

### Gemini CLI

**Командой платформы**
```bash
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/document-processing/json-canvas
```

### Windsurf (Devin Desktop)

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

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/skills/document-processing/json-canvas

## Когда брать
- генерировать схемы процессов и ментальные карты в формате `.canvas`
- связывать заметки Obsidian направленными стрелками с подписями
- группировать карточки и вложения на бесконечном холсте
- обновлять координаты и размеры существующих узлов

## Примеры запросов агенту
- Создай файл `architecture.canvas` со схемой микросервисов и связями между ними
- Собери в `roadmap.canvas` ментальную карту проекта, сгруппировав задачи по этапам
- Добавь на холст `notes.canvas` узел с файлом `docs/api.md` и соедини его с карточкой базы данных

## Похожие
- [find-skills](https://affpapa.org/nevibecode/skills/find-skills.md) — скилл · 4000000 установок
- [grill-me](https://affpapa.org/nevibecode/skills/grill-me.md) — скилл · 1424476 установок
- [grill-with-docs](https://affpapa.org/nevibecode/skills/grill-with-docs.md) — скилл · 1219756 установок
- [handoff](https://affpapa.org/nevibecode/skills/handoff.md) — скилл · 1038491 установка
- [grilling](https://affpapa.org/nevibecode/skills/grilling.md) — скилл · 979543 установки
- [teach](https://affpapa.org/nevibecode/skills/teach.md) — скилл · 862247 установок

Из того же набора: [davila7/claude-code-templates](https://affpapa.org/nevibecode/by/davila7/claude-code-templates.md) — 651 карточка

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