скилл

excalidraw · davila7 — скилл для Claude Code: что делает и как установить

Q: Как установить excalidraw в Claude Code?

Выполните `npx skills add davila7/claude-code-templates --skill excalidraw -a claude-code`.

Q: Почему excalidraw работает через субагента?

Файлы `.excalidraw` и `.excalidraw.json` содержат много визуальных метаданных и могут занимать 4k-22k токенов. Прямое чтение расходует контекст Claude Code, поэтому операции изолируются в субагенте.

Скилл передаёт работу с файлами Excalidraw субагентам, чтобы основной контекст не заполнялся громоздким JSON. Нужен для диаграмм и схем архитектуры.

Установить в Claude Code · Через claude-code-templates Все способы и платформы ↓

npx claude-code-templates@latest --skill creative-design/excalidraw

Открыть на GitHub

Что делает excalidraw

Скилл срабатывает при работе с .excalidraw и .excalidraw.json, а также по запросам создать, объяснить или обновить диаграмму, блок-схему и визуализацию архитектуры. Он помогает разобрать компоненты и связи, создать новую схему, изменить существующую или сравнить два файла.

Операция уходит субагенту через Task tool. Субагент читает JSON, извлекает текстовые элементы и отношения между компонентами, а в ответ возвращает краткое текстовое описание вместо исходного файла. Для нового изображения он создаёт элементы и связи, затем записывает результат в указанный файл.

Файлы Excalidraw содержат много служебных свойств: один файл может занимать 4k-22k токенов. Поэтому в Claude Code основной агент не должен читать такой JSON напрямую: обход этого правила быстро расходует контекст.

Какие задачи решает

разобрать компоненты и связи в .excalidraw.json
создать диаграмму архитектуры по описанию
добавить компонент к существующей схеме
сравнить два варианта архитектуры
обновить файл Excalidraw без загрузки JSON в основной контекст

Примеры запросов агенту

Разбери архитектуру в system.excalidraw.json и верни список компонентов и связей.
Создай диаграмму потока оплаты в payment-flow.excalidraw.json с компонентами из описания.
Добавь сервис Billing в architecture.excalidraw.json и соедини его с API Gateway.

Как установить excalidraw

1Через claude-code-templates

npx claude-code-templates@latest --skill creative-design/excalidraw

2Через Skills CLI (Vercel)

npx skills add davila7/claude-code-templates --skill excalidraw -a claude-code

3Вручную: положить файлы

~/.claude/skills/excalidraw/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/excalidraw/

Вручную: положить файлы

.agents/skills/excalidraw/SKILL.md

Для всех проектов — ~/.agents/skills/

Вручную: положить файлы

.cursor/skills/excalidraw/SKILL.md

Cursor читает и .agents/skills/, и .claude/skills/

1GitHub CLI

gh skill install davila7/claude-code-templates excalidraw

2Вручную: положить файлы

.github/skills/excalidraw/SKILL.md

Командой платформы

gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/creative-design/excalidraw

Вручную: положить файлы

.devin/skills/excalidraw/SKILL.md

Старый путь .windsurf/skills/ тоже читается

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о excalidraw

Как установить excalidraw в Claude Code?

Выполните npx skills add davila7/claude-code-templates --skill excalidraw -a claude-code.

Что делает скилл excalidraw?

Он передаёт чтение, создание, изменение и сравнение Excalidraw-файлов субагентам. Основной агент получает текстовое резюме компонентов и связей, а не громоздкий JSON.

Почему excalidraw работает через субагента?

Файлы .excalidraw и .excalidraw.json содержат много визуальных метаданных и могут занимать 4k-22k токенов. Прямое чтение расходует контекст Claude Code, поэтому операции изолируются в субагенте.

Сначала — excalidraw от других авторов.

excalidraw Hermes Agent Скилл создаёт файлы .excalidraw с архитектурными схемами, блок-схемами и диаграммами последовательностей. Пригодится, когда нужно описать структуру проекта или ход процесса. CX Codex +1 412установок excalidraw Agents365-ai Скилл рисует диаграммы, блок-схемы и схемы архитектуры в файлах .excalidraw и выгружает их в PNG или SVG. Пригодится, когда систему проще показать, чем описать словами. CX Codex +1 4 600установок setup-matt-pocock-skills Matt Pocock Скилл настраивает репозиторий для инженерных скиллов Matt Pocock: задаёт трекер задач, метки триажа и расположение доменной документации. Запустите его перед первым использованием остальных скиллов. 1 052 851установок ask-matt Matt Pocock Помогает выбрать подходящий скилл или рабочий поток из набора Matt Pocock. Пригодится, когда непонятно, с чего начать задачу: от идеи до разбора бага. 766 587установок to-tickets Matt Pocock Разбивает план, спецификацию или переписку на небольшие сквозные задачи и отмечает, какие из них блокируют остальные. Пригодится, когда нужно согласовать порядок работы до публикации задач в трекере. 711 230установок writing-plans Jesse Vincent Скилл превращает требования к многошаговой задаче в подробный план реализации до начала работы с кодом. Пригодится, когда исполнителю нужно зафиксировать файлы, интерфейсы и проверки. CX Codex 282 859установок caveman-review JuliusBrussee Пишет замечания к коду одной строкой: место, проблема, исправление. Пригодится, когда ревью диффа или PR надо пройти быстро и без воды. CX Codex +1 411 800установок caveman-compress JuliusBrussee Сжимает CLAUDE.md, списки задач и другие текстовые файлы в краткий формат, сохраняя читаемую резервную копию. CX Codex +1 411 500установок

Из того же набора495

Весь набор →

developer-growth-analysis Разбирает вашу недавнюю историю чатов Claude, находит пробелы в навыках и присылает отчёт в личку Slack. 355установок log Переносит отчёт о выполненной задаче во внешние трекеры и заметки: время, статус, коммиты. Пригодится, когда работа идёт в Claude, а учёт — в Linear или Obsidian. 351установок create-worktrees Собирает все открытые пул-реквесты через GitHub CLI и разворачивает под каждую ветку отдельный git worktree в папке ./tree/. Пригодится, когда надо смотреть несколько PR сразу, не переключая ветки в основном чекауте. 351установок setup-ci-cd-pipeline Настраивает CI/CD-пайплайн под GitHub Actions, GitLab CI, Azure Pipelines или Jenkins с тестами, проверками безопасности и сценариями деплоя. 346установок develop-web-game Скилл задаёт цикл разработки и проверки веб-игр на HTML и JavaScript. Пригодится, когда вы добавляете механику и хотите проверять её в браузере после каждого существенного изменения. 342установок branch-cleanup Слэш-команда для Claude, которая находит слитые и устаревшие ветки, проверяет их перед удалением и наводит порядок в локальном и удалённом репозитории. 342установок pentest-checklist Скилл проводит через планирование пентеста: цели, границы, подготовка среды, выбор исполнителей и мониторинг. Пригодится перед проверкой на проникновение. 336установок nextjs-scaffold Разворачивает каркас приложения Next.js с готовой структурой папок, App Router, правилами ESLint и базовой защитой. 334установок