AN
frontend-design
Помогает создавать уникальные интерфейсы, избегая шаблонных решений. Полезно для выбора типографики, цветовой палитры и анимаций, чтобы избежать клише вроде Inter или фиолетовых градиентов.
Что делает навык
Навык помогает создавать уникальные интерфейсы, избегая шаблонных решений. Он обеспечивает выбор типографики, цветовой палитры и анимаций, специфичных для конкретного брифа, чтобы избежать клише.
Когда применять
- Выбор уникальной цветовой палитры и типографики для веб-дизайна
- Разработка визуальной идентичности, отличной от стандартных шаблонов
- Создание анимаций и интерактивных элементов, соответствующих предметной области
- Настройка типографического масштаба и длин строк согласно принципам дизайна
Как работает
- Определить предметную область, аудиторию и основную задачу дизайна, если они не указаны в брифе
- Использовать отраслевую специфику, материалы и контекст для формирования визуальных решений
- Выбрать один или два шрифта, избегая стандартных семейств, и настроить типографический масштаб
- Применить намеренные решения для hero-секции, избегая шаблонных градиентов и больших цифр
- Установить длину строк менее 80 символов и настроить межстрочный интервал для serif-шрифтов
Примеры запросов агенту
Разработай уникальный дизайн лендинга для сервиса по продаже редких растений, избегая стандартных зеленых градиентов
Создай интерфейс дашборда для финансовых аналитиков с нестандартной типографикой и цветовой схемой
Предложи визуальную концепцию для приложения-игрушки для детей 8-11 лет, основанную на предметной области
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «frontend-design» из репозитория:
# https://github.com/anthropics/claude-code
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r frontend-design/ ~/.claude/skills/frontend-design/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.