d2-diagram-creator — скилл для Claude Code: схемы D2 и установка
Скилл для работы с диаграммами D2: подключается по упоминанию в запросе и ведёт агента по шагам. Пригодится, когда нужна схема в коде проекта, а не в стороннем редакторе.
npx skills add jeremylongshore/tons-of-skills-marketplace --skill d2-diagram-creator -a claude-codeЧто делает d2-diagram-creator
Скилл активируется сам, когда в запросе мелькает «d2 diagram creator», «d2 creator» или просто «d2». Дальше агент идёт по инструкции: разбирает задачу, подсказывает шаги и собирает конфигурации для диаграмм. Инструменты у него скромные — Read, Write, Edit, Grep и Bash(cmd:*).
Внутри нет отдельного движка отрисовки: скилл задаёт порядок работы и проверяет результат по общим правилам. Ошибки разбирает по таблице — неверные поля конфигурации, отсутствующий инструмент, нехватка прав. Всё это будет работать, только если среда разработки настроена и нужные инструменты уже стоят: скилл не тянет зависимости за вас.
Его домен — визуальный контент: схемы, чарты, презентации. Если проект держит архитектуру в виде диаграмм в репозитории, это повод подключить скилл и не описывать структуру словами в переписке.
Какие задачи решает
- собрать диаграмму D2 для архитектуры сервиса
- держать схемы рядом с кодом в репозитории
- получить пошаговый разбор задачи на диаграмму
- проверить конфигурацию перед генерацией схемы
- разобрать ошибку прав или отсутствующего инструмента
Примеры запросов агенту
- Сделай d2 diagram creator для схемы потоков заказов
- Помоги с d2 diagram creator: нужна диаграмма компонентов
- Проверь конфигурацию d2 перед сборкой диаграммы
Как установить d2-diagram-creator
1Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill d2-diagram-creator -a claude-code2Вручную: положить файлы
~/.claude/skills/d2-diagram-creator/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/d2-diagram-creator/
1Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill d2-diagram-creator -a codex2Вручную: положить файлы
.agents/skills/d2-diagram-creator/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill d2-diagram-creator -a cursor2Вручную: положить файлы
.cursor/skills/d2-diagram-creator/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install jeremylongshore/tons-of-skills-marketplace d2-diagram-creator2Вручную: положить файлы
.github/skills/d2-diagram-creator/SKILL.md1Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill d2-diagram-creator -a gemini-cli2Командой платформы
gemini skills install https://github.com/jeremylongshore/tons-of-skills-marketplace --path skills/18-visual-content/d2-diagram-creatorВручную: положить файлы
.devin/skills/d2-diagram-creator/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add jeremylongshore/tons-of-skills-marketplace --skill d2-diagram-creator -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора6
Похожие
Рядом в теме «Тексты и документация»
Всё по теме «Тексты и документация» →Вопросы о d2-diagram-creator
Как установить d2-diagram-creator в Claude Code?
Выполните npx skills add jeremylongshore/tons-of-skills-marketplace --skill d2-diagram-creator -a claude-code. После этого файл скилла лежит в ~/.claude/skills/d2-diagram-creator/SKILL.md.
Что делает d2-diagram-creator?
Помогает агенту вести задачу по диаграммам D2: выдаёт шаги, генерирует конфигурации и проверяет результат. Включается сама, если упомянуть d2 в запросе.
Что нужно, чтобы скилл заработал?
Настроенная среда разработки и доступ к нужным инструментам. Разрешения у скилла ограничены чтением, записью, правкой, поиском и Bash(cmd:*).
Исходный текст
SKILL.md · MIT
--- name: d2-diagram-creator description: 'Create d2 diagram creator operations. Auto-activating skill for Visual Content. Triggers on: d2 diagram creator, d2 diagram creator Part of the Visual Content skill category. Use when working with d2 diagram creator functionality. Trigger with phrases like "d2 diagram creator", "d2 creator", "d2". ' allowed-tools: Read, Write, Edit, Bash(cmd:*), Grep version: 1.0.0 license: MIT author: Jeremy Longshore <[email protected]> tags: - design - content compatibility: Designed for Claude Code --- # D2 Diagram Creator ## Overview This skill provides automated assistance for d2 diagram creator tasks within the Visual Content domain. ## When to Use This skill activates automatically when you: - Mention "d2 diagram creator" in your request - Ask about d2 diagram creator patterns or best practices - Need help with visual content skills covering diagrams, charts, presentations, and visual documentation tools. ## Instructions 1. Provides step-by-step guidance for d2 diagram creator 2. Follows industry best practices and patterns 3. Generates production-ready code and configurations 4. Validates outputs against common standards ## Examples **Example: Basic Usage** Request: "Help me with d2 diagram creator" Result: Provides step-by-step guidance and generates appropriate configurations ## Prerequisites - Relevant development environment configured - Access to necessary tools and services - Basic understanding of visual content concepts ## Output - Generated configurations and code - Best practice recommendations - Validation results ## Error Handling | Error | Cause | Solution | |-------|-------|----------| | Configuration invalid | Missing required fields | Check documentation for required parameters | | Tool not found | Dependency not installed | Install required tools per prerequisites | | Permission denied | Insufficient access | Verify credentials and permissions | ## Resources - Official documentation for related tools - Best practices guides - Community examples and tutorials ## Related Skills Part of the **Visual Content** skill category. Tags: diagrams, mermaid, charts, visualization, presentations
© Jeremy Longshore · MIT · jeremylongshore/tons-of-skills-marketplace
