Вкус для Клода: два скила, и сайт перестаёт быть «как у всех»

Открыть гайд с командами и ссылками →

Я собрала два сайта одним и тем же запросом. Первый — Claude без подсказок: фиолетовый градиент, три карточки, кнопка «Начать». Второй — после двух скилов. Разница видна с первого экрана.

Дело не в том, что нейросеть не умеет. Её просто не попросили иначе: без указаний она собирает самый частый шаблон из интернета.

Шаг 1. Поставить два скила

Открой терминал и выполни две команды, по одной:

• npx skills add https://github.com/Leonxlnx/taste-skill --skill design-taste-frontend
• npx skills add pbakaus/impeccable

Первый — «вкус»: список того, чего делать нельзя — типовые градиенты, одинаковые карточки, безликие шрифты. Второй — дизайн-директор: типографика, сетка, контраст, движение, состояния кнопок, мобильная версия. Он умеет и критиковать готовое командами /critique, /polish, /animate.

Шаг 2. Назвать их в запросе

Скилы работают, только если позвать их по имени в первой фразе. Дальше — обычное описание сайта: «Используй скилы design-taste-frontend и impeccable. Сделай лендинг для кофейной обжарки: главный экран, преимущества, контакты».

Честно: с первого раза Клод часто перебирает с анимацией. Хватает одной фразы — «убавь анимацию, оставь только на первом экране и при наведении».

Шаг 3. Дать материалы

Скилы дают правила, а материал дают четыре бесплатных сайта — ссылки можно вставлять прямо в запрос:

• Fontshare — профессиональные шрифты бесплатно, в том числе для коммерции: Satoshi, General Sans, Clash Display
• Morphicons — иконки, плавно перетекающие одна в другую, 7 килобайт
• Motionsites — галерея анимированных первых экранов, под каждым готовый промпт
• 21st.dev — библиотека готовых компонентов: кнопки, карточки, меню, формы

Как понять, что сработало

• нет фиолетового градиента и трёх одинаковых карточек в ряд
• шрифт не Inter и не Arial, у сайта есть характер
• на первом экране один предмет и одна мысль
• на телефоне ничего не разъезжается

Разница не в нейросети, а во вкусе, который ты ей дала. Работает на любом проекте: портфолио, магазин, студия, приложение.

ВКУС ДЛЯ КЛОДА — два скила и четыре источника

1) Поставить скилы (терминал, по одной команде):
npx skills add https://github.com/Leonxlnx/taste-skill --skill design-taste-frontend
npx skills add pbakaus/impeccable

2) Позвать их в запросе (первая фраза):
Используй скиллы design-taste-frontend и impeccable. Сделай лендинг для <проект>: главный экран, преимущества, контакты. Современный, красивый.

3) Если перебрал с анимацией:
Убавь анимацию, оставь только на первом экране и при наведении.

4) Источники материалов (можно вставлять ссылки прямо в запрос):
fontshare.com — бесплатные шрифты (Satoshi, General Sans, Clash Display)
morphicons — перетекающие иконки
motionsites — анимированные первые экраны с готовыми промптами
21st.dev — готовые компоненты

5) Проверка результата:
— нет фиолетового градиента и трёх одинаковых карточек
— шрифт не Inter и не Arial
— на первом экране одна мысль
— на телефоне ничего не разъезжается

Впервые вышло в канале @alex_aicontent.