html
Создаёт самодостаточные HTML-артефакты (лендинги, отчёты, инструменты) по запросу пользователя. Используйте, когда итоговый результат — единый HTML-файл. Не подходит для обычной разработки приложений.
AIplannotator
official
Разработка
★ 3.5k
Что делает навык
Создаёт единый самодостаточный HTML-файл, делающий тему понятнее, проще в использовании или восприятии. Стандарт качества — последовательная забота о деталях, а не воспроизведение единого визуального стиля.
Когда применять
- Создание отчётов, объяснительных материалов и презентаций
- Разработка лендингов и сторителлинга на основе данных
- Создание интерактивных инструментов и смешанных артефактов
- Когда нет специализированного навыка с более узкой специализацией
Как работает
- Определить, что запрос не требует узкоспециализированного навыка (design-artifact, html-wireframe, html-prototype, html-plan, html-diagram)
- Если специализированный навык недоступен, продолжить работу в рамках html, загрузив ближайшую справочную информацию
- Сгенерировать один самодостаточный HTML-файл
- Обеспечить последовательную заботу о деталях, не копируя палитру, типографику или макеты из предыдущих запусков
Примеры запросов агенту
Создай HTML-файл с отчётом о продажах за квартал
Сделай интерактивный инструмент для сравнения тарифов
Сгенерируй лендинг для презентации нового продукта
Описание составлено по SKILL.md навыка, сверено 07.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «plannotator-html» из репозитория:
# https://github.com/plannotator/effective-html
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r plannotator-html/ ~/.claude/skills/plannotator-html/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.