# docs-canvas

Скилл превращает архитектурные заметки, описания API и руководства в интерактивный холст для Cursor. Пригодится, когда вместо длинного markdown-файла нужен структурированный документ с навигацией.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1200 установок · ★ 14099
- Автор: cursor
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/cursor/plugins/tree/HEAD/docs-canvas/skills/docs-canvas/SKILL.md
- Обновлён: 2026-10-25
- HTML: https://affpapa.org/nevibecode/skills/docs-canvas

## Что делает

Скилл превращает документацию в интерактивный холст с оглавлением и карточками разделов. В качестве источника подходят каталоги с markdown или вопросы по кодовой базе. Текст разбивается на обзорную часть, блоки примеров и список внешних ссылок. Для оформления используются таблицы, схемы на mermaid и сноски с предупреждениями. Исходные файлы связываются прямыми ссылками.

В репозитории скилл пока оформлен как черновик. Чтобы строить интерфейс точно по спецификации, требуются локальные файлы `~/.cursor/skills-cursor/canvas/SKILL.md` и объявления типов в `~/.cursor/skills-cursor/canvas/sdk/index.d.ts`. Без них агент сможет собрать только базовый макет по описанной схеме.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add cursor/plugins --skill docs-canvas -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add cursor/plugins --skill docs-canvas -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add cursor/plugins --skill docs-canvas -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install cursor/plugins docs-canvas
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add cursor/plugins --skill docs-canvas -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/cursor/plugins --path docs-canvas/skills/docs-canvas
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add cursor/plugins --skill docs-canvas -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/cursor/plugins/tree/HEAD/docs-canvas/skills/docs-canvas/SKILL.md

## Когда брать
- перевести пачку markdown-файлов в структурированный холст
- построить интерактивное руководство по архитектуре проекта
- оформить справочник по параметрам API с таблицами и примерами
- составить интерактивный разбор кодовой базы с перекрёстными ссылками

## Примеры запросов агенту
- Сделай docs canvas по архитектуре сервиса на основе файлов в папке docs/
- Оформи документацию к нашему API в виде интерактивного холста с таблицами параметров
- Построй docs canvas с разбором кодовой базы и оглавлением

## Похожие
- [obsidian-canvas-creator](https://affpapa.org/nevibecode/skills/obsidian-canvas-creator.md) — скилл · 2000 установок
- [component-canvas](https://affpapa.org/nevibecode/skills/component-canvas.md) — скилл · 685 установок
- [create-canvas](https://affpapa.org/nevibecode/skills/create-canvas.md) — скилл · 381 установка
- [html-diagram](https://affpapa.org/nevibecode/skills/html-diagram.md) — скилл · 4100 установок
- [startup-canvas](https://affpapa.org/nevibecode/skills/startup-canvas.md) — скилл · 3200 установок
- [recommendation-canvas](https://affpapa.org/nevibecode/skills/recommendation-canvas.md) — скилл · 2100 установок

Из того же набора: [cursor/plugins](https://affpapa.org/nevibecode/by/cursor/plugins.md) — 45 карточек

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