Пять бесплатных скиллов для Claude и Codex против шаблонных сайтов

Сайты от нейросети часто выглядят на одно лицо. Фиолетовый градиент, одинаковые карточки и скучные шрифты получаются потому, что нейросети никто не дал правил хорошего дизайна. Она просто собирает среднее из всего, что видела.

Исправить это помогают пять бесплатных скиллов:

1. img2threejs (https://github.com/img2threejs/img2threejs) — делает 3D-модель из обычной картинки прямо в коде сайта.
2. Taste Skill (https://github.com/Leonxlnx/taste-skill) — строгие правила для интерфейса, чтобы сайт не выглядел шаблонным.
3. Impeccable (https://github.com/pbakaus/impeccable) — дизайн-система и редактор, где любую кнопку можно подвинуть руками.
4. GSAP (https://github.com/greensock/gsap-skills) — блоки плавно выезжают при прокрутке, как на дорогих сайтах.
5. Awesome Design (https://github.com/VoltAgent/awesome-design-md) — готовые дизайн-системы Notion и других больших сервисов.

Как это работает

Ты подключаешь нужные скиллы при генерации кода. Они задают нейросети готовые правила верстки, логику работы с анимацией и структуры интерфейсов вместо стандартных шаблонов.

Что стоит знать

Все пять скиллов бесплатные и работают и в Claude, и в Codex. Но даже с ними нейросеть не угадает, какой сайт ты хочешь получить. Обязательно покажи ей пример: рабочий сайт, который нравится, шрифт и пару картинок с Pinterest или Dribbble. С таким референсом результат получается совсем другой.

Если не разобрался

напиши мне в Telegram, оформим консультацию: покажу вживую; не хочешь разбираться сам — соберу под тебя.

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