Что делает
Навык построения отличительных, продакшн-уровня интерфейсов с высоким качеством дизайна. Срабатывает, когда просишь собрать веб-компонент, страницу, артефакт, постер или приложение. Делает осознанный выбор по типографике, цвету, композиции и движению — каждый интерфейс получает свою эстетику, а не дефолтный «фиолетовый градиент на белом» / общий AI-вид.
Как поставить
Входит в набор example-skills:
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills
Или папкой frontend-design/ в ~/.claude/skills/. В Claude Code доступен как навык frontend-design.
Когда брать
- Нужен лендинг/компонент/прототип, который выглядит спроектированным, а не сгенерированным по шаблону.
- Важна дифференциация: одна запоминающаяся вещь, характерные шрифты, своя палитра.
- Перед показом клиенту — поднять планку фронтенда.
Пример
«Сделай посадочную SaaS-продукта с сильным page-load и характерной типографикой» — навык задаст единое арт-направление и сверстает страницу под него, избегая клишированных паттернов.