Без подсказок Клод собирает сайт по самому частому шаблону из интернета: фиолетовый градиент, три карточки с иконками, кнопка «Начать». Не потому что не умеет, а потому что его не попросили иначе. Два скилла ниже делают именно это: запрещают шаблон и дают ему правила хорошего дизайна.
Откройте терминал (на Mac: программа «Терминал») и выполните команды по одной, дождавшись окончания каждой:
npx skills add https://github.com/Leonxlnx/taste-skill --skill design-taste-frontend
npx skills add pbakaus/impeccable
| design-taste-frontend | «Вкус». Список того, что делать нельзя: типовые градиенты, одинаковые карточки, безликие шрифты. Заставляет Клода выбирать направление, а не усреднять. github.com/Leonxlnx/taste-skill |
| impeccable | Дизайн-директор. Типографика, сетка, контраст, движение, состояния кнопок, мобильная версия. Умеет и критиковать готовое: /critique, /polish, /animate. github.com/pbakaus/impeccable |
Откройте Claude Code и напишите запрос, назвав оба скилла в первой фразе. Дальше идёт обычное описание сайта:
Используй скиллы design-taste-frontend и impeccable. Сделай лендинг для кофейной обжарки «ЗЕРНО»: главный экран, преимущества, контакты. Современный, красивый.
Скиллы дают правила, а эти четыре сайта дают материал. Все бесплатные, ссылки можно вставлять прямо в запрос Клоду: «возьми шрифт Satoshi с Fontshare», «иконки сделай через Morphicons».
| Fontshare | Профессиональные шрифты бесплатно, в том числе для коммерческих проектов. Satoshi, General Sans, Clash Display. |
| Morphicons | Иконки, которые плавно перетекают одна в другую. 7 килобайт, без зависимостей, ставится одной строкой. |
| Motionsites | Галерея анимированных первых экранов. Под каждым готовый промпт: копируете и отдаёте Клоду. |
| 21st.dev | Библиотека готовых компонентов: кнопки, карточки, меню, формы. Копируется в один клик вместе с кодом. |
Разница не в нейросети, а во вкусе, который вы ей дали. Скиллы работают на любом проекте: портфолио, магазин, студия, приложение.