AIKraft/AI/Войти
AIKraft/Skills/html-visual

html-visual

Создаёт интерактивную визуализацию в одном HTML-файле — макет, черновой вариант, ERD, блок-схему, диаграмму, слайды, архитектурную диаграмму, дашборд, временную шкалу, ментальную карту, доску Kanban или таблицу. Использовать, когда пользователь хочет увидеть что-то, а не описать: макет или черновой вариант UI, схему базы данных как ERD, бизнес-логику как блок-схему, данные как диаграмму или контент как слайды. Также использовать, когда пользователь указывает на файл (схему, спецификацию, данные) и просит визуализировать.

2ykwang official Дизайн

Что делает навык

Создаёт интерактивную визуализацию в одном HTML-файле — макет, черновой вариант, ERD, блок-схему, диаграмму, слайды, архитектурную диаграмму, дашборд, временную шкалу, ментальную карту, доску Kanban или таблицу. Использовать, когда пользователь хочет увидеть что-то, а не описать: макет или черновой вариант UI, схему базы данных как ERD, бизнес-логику как блок-схему, данные как диаграмму или контент как слайды. Также использовать, когда пользователь указывает на файл (схему, спецификацию, данные) и просит визуализировать.

Как подключить

1Скачать навык
# возьмите папку навыка «html-visual» из репозитория: # https://github.com/2ykwang/agent-skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r html-visual/ ~/.claude/skills/html-visual/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.