Навыки для агентов, создающих HTML-артефакты
🔹 plannotator/effective-html
⭐ 2313 звёзд · HTML
Набор из шести навыков для Claude Code и Codex: html, design-artifact, html-wireframe, html-prototype, html-plan, html-diagram. Агент собирает самостоятельные HTML-артефакты — от низкодетальных вайрфреймов до интерактивных прототипов с поддержкой клавиатуры.
Логика разделения: визуальное направление берётся из контекста задачи, а специализированные навыки отвечают за точность и поведение. Вайрфреймы намеренно оставлены незавершёнными, чтобы ревью фокусировалось на структуре, а прототипы реализуют один достоверный флоу с релевантными состояниями.
Установка одной командой: npx skills add plannotator/effective-html, либо через плагины Claude Code и Codex. Репозиторий работает и как справочник — без установки, с руководством на effectivehtml.com.