❤️ Убираем нейрослоп из HTML-шаблонов в Claude

Кто массово генерирует сайты, знает эту боль: бренды разные, а шаблон один. Заголовок по центру, фиолетовый градиент и три одинаковые карточки. Просишь сделать уникально и карточки становятся зелёными

Нашли tasteskill и активно юзаем его при генерации HTML-шаблонов. Помогает уйти от этого узнаваемого нейросетевого дизайна. ❤️

👍 Что делает скилл

Это .md-файл с правилами дизайна для Claude:

• ограничивает типичные ИИ-приёмы: одинаковые карточки, случайные градиенты и свечение;
• задаёт правила работы со шрифтами, цветами, отступами и композицией;
• помогает разбирать референсы: что именно берём из примера и как используем в нашем шаблоне;
• требует проверять мобильную версию, читаемость и контраст.

👍 Как используем

1️⃣Прикрепляем скилл к задаче

Добавляем файл в Claude. Указываем бренд, GEO, язык и нужные блоки. Если есть референс — прикрепляем его тоже.

2️⃣Прописываем стек

В файле по умолчанию предусмотрены React / Next.js. Поэтому, если нужен обычный HTML-шаблон, сразу указываем это в задаче.

Пример промпта 👇

Используй прикреплённый tasteskill как руководство по дизайну.

Сделай шаблон сайта под [бренд].
GEO: [страна].
Язык: [язык].

Стек: чистый HTML, CSS и минимальный JS, без React и сборщиков.

Структура: [список блоков].

Проверь результат по чеклисту скилла.

3️⃣Меняем вводные для каждого сайта

Для массовой генерации задаём разные композиции, палитры и шрифты. Чередуем референсы.

Если каждый раз давать одинаковое ТЗ, даже со скиллом легко получить очередную пачку сайтов-близнецов 👍

🎁 Скилл прикрепляем выше. Забирайте и пробуйте на своих шаблонах.

Ваша 369Team 👽