html-svg-diagrams
Создаёт SVG-диаграммы (блок-схемы, последовательности, графы зависимостей) внутри HTML. Используйте, когда нужно визуализировать технические концепции, процессы или отношения между компонентами. Предпочитает SVG ASCII-арту и Mermaid.
AIf-labs-io
official
Разработка
★ 57
Что делает навык
Создаёт SVG-диаграммы (блок-схемы, последовательности, графы зависимостей) внутри HTML. Используйте, когда нужно визуализировать технические концепции, процессы или отношения между компонентами. Предпочитает SVG ASCII-арту и Mermaid.
Как подключить
1Скачать навык
# возьмите папку навыка «html-svg-diagrams» из репозитория:
# https://github.com/f-labs-io/agent-html-skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r html-svg-diagrams/ ~/.claude/skills/html-svg-diagrams/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.