Лучший дизайн
Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions
AIwondelai
official
Дизайн
Что делает навык
Создание веб-проектов и приложений уровня мировых цифровых агентств (Locomotive, AREA 17), ориентированных на победу в конкурсах Awwwards, FWA и Webby Awards. Навык обеспечивает намеренный подход к каждому пикселю, где типографика является дизайном, а анимация создает эмоции, с обязательным соблюдением производительности на уровне 60fps.
Когда применять
- Разработка иммерсивных веб-сайтов, претендующих на награды Awwwards или CSS Design Awards.
- Критическая оценка текущего цифрового продукта по шкале от 0 до 10 с выявлением конкретных улучшений для достижения уровня 10/10.
- Превращение стандартного интерфейса (8/10) в уникальный опыт (10/10) за счет осмысленной типографики и сторителлинга через анимацию.
- Аудит дизайна на предмет соответствия принципам агентств: намеренность каждого элемента, использование белого пространства и отказ от стандартных решений.
Как работает
- Оценить текущее цифровое решение по шкале от 0 до 10, опираясь на критерии качества, сопоставимые с уровнем Awwwards.
- Проанализировать каждый элемент на предмет намеренности: проверить, служит ли он опыту пользователя или просто заполняет пространство.
- Оценить типографику как основной инструмент дизайна и анимацию как средство создания эмоций и повествования.
- Проверить техническую производительность, убедившись, что анимации и рендеринг стабильно работают на 60fps.
- Сформулировать конкретные шаги для повышения оценки с текущей до 10/10, фокусируясь на намеренности решений.
Примеры запросов агенту
Оцени мой текущий лендинг по шкале от 0 до 10 и скажи, что нужно изменить, чтобы он выглядел как проект AREA 17.
Создай концепцию веб-сайта, где типографика является главным элементом дизайна, а анимация рассказывает историю бренда.
Проверь этот интерфейс на соответствие принципам Awwwards: достаточно ли намерен каждый пиксель и работает ли он на 60fps?
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «top-design» из репозитория:
# https://github.com/wondelai/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r top-design/ ~/.claude/skills/top-design/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.