Войти
Готовый инженерный маршрут · анти AI-скуф

Собрать премиум-шаблон сайта без AI-скуфа

Маршрут вайбкодера: характерный лендинг на Next.js: направление, DESIGN.md, Premium Landing Stack и промпты с примерами плохо/хорошо уже выбраны ProektMap. Подходит даже для простых моделей — сила в правилах, не в «магии» LLM.

10 готовых шагов 1–2 дня Проверено из РФ
Начать маршрут Посмотреть этапыAI Skills
Проверено из РФ

Основной путь не требует VPN для сборки. Деплой рекомендуем на Beget / Timeweb / VPS. Skills ставятся из открытых репозиториев; community-skill читайте перед установкой. Оплата западным PaaS не обязательна для финиша маршрута.

Карта выполнения

От направления до URL без AI-скуфа

В каждом шаге — рекомендация, команда или промпт с плохо/хорошо и наблюдаемая проверка.

1
Шаг 1 15–25 минут

Открываем оплату AI-агентов из России

Этот шаг стоит первым во всех маршрутах /resheniya. Воспользуйтесь удобным сервисом «Плати по миру» по ссылке ниже: выпустите карту, пополните через СБП, затем войдите в Cursor через GitHub и оплатите Pro этой картой.

РезультатЕсть карта «Плати по миру», Cursor привязан к вашему GitHub, подписка оплачена этой картой.
Карта Плати по миру + Cursor на вашем GitHub с оплаченным Pro
2
Шаг 2 25–40 минут

Где работать с AI и как подготовить компьютер

Сравните платформы и режим работы, прочитайте мост «как писать агенту», затем поставьте стек на ПК. Оплата Cursor — на предыдущем шаге через Плати по миру.

РезультатПонятны инструмент, режим локально/SSH и мост Harness→Loop→Graph; базовые программы установлены.
Выбранная платформа + карта локально/SSH + мост Harness/Loop/Graph
3
Шаг 3 15–25 минут

Фиксируем эстетическое направление

Слабая модель без направления всегда выдаёт AI-скуф: Inter, фиолетовый градиент, три одинаковые карточки. Направление + запреты сильнее «сделай красиво». Оплату Cursor уже закрыли на шаге «Оплата из РФ».

РезультатВ BRIEF.md записаны продукт, аудитория и одно направление (editorial). Запреты AI-скуфа подтверждены.
BRIEF.md с направлением editorial
4
Шаг 4 20–35 минут

Пишем язык продукта для агента

Скопируйте шаблон с /ai-skills#design-md и заполните под BRIEF. Плохо: пустой DESIGN.md «потом». Хорошо: 1 страница токенов до первого JSX.

РезультатВ корне лежит DESIGN.md с токенами, шрифтами и запретами. Агент будет читать его на каждом шаге.
DESIGN.md — язык продукта
5
Шаг 5 15–30 минут

Ставим Premium Landing Stack

Плохо: «поставь все Skills с GitHub». Хорошо: только Design-кластер и порядок из Recipe. Источники: Anthropic frontend-design, Leonxlnx/taste-skill, vercel-labs web-design-guidelines, pbakaus/impeccable.

РезультатВ агенте доступны Frontend Design, taste-skill, web-design-guidelines и Impeccable. Скопирован Recipe-порядок.
Установленный Premium Landing Stack
6
Шаг 6 25–40 минут

Создаём Next.js и подключаем шрифты

Плохо: create-next-app с дефолтным Inter и фиолетовой темой. Хорошо: сразу токены и шрифты из DESIGN.md, пустой hero-placeholder.

РезультатNext.js запускается на localhost; шрифты из DESIGN.md подключены через next/font; токены в CSS.
Работающий каркас Next.js с токенами
7
Шаг 7 40–90 минут

Собираем секции по Frontend Design + taste

Плохо: «Сделай лендинг с преимуществами, отзывами и тарифами сразу». Хорошо: один якорь → одна секция доказательства → футер. Меньше секций — больше премиум.

РезультатЕсть hero, одна смысловая секция и футер с характером. Нет AI-скуф паттернов из запретов.
Черновик премиум-лендинга
8
Шаг 8 30–50 минут

Нормы и доводка Impeccable

Плохо: «Сделай impeccable и перерисуй сайт». Хорошо: список findings → минимальные фиксы → /impeccable polish в brand, токены не трогать.

РезультатПройден audit web-design-guidelines; выполнен Impeccable polish в brand mode; антипаттерны сняты.
Полированный шаблон + заметки audit
9
Шаг 9 20–40 минут

Чеклист «проверено из РФ» и anti-slop

Доверие ProektMap: не «красиво на макете», а «собрал из РФ и проверил сам». Плохо: только desktop-скрин. Хорошо: 375px + чеклист + команда build.

РезультатЗаполнен CHECKLIST.md: mobile 375, anti-slop, сборка без VPN, план деплоя на РФ-хостинг.
CHECKLIST.md + успешный build
10
Шаг 10 30–60 минут

Публикуем и фиксируем результат

Плохо: «почти готово, завтра выложу». Хорошо: URL или чёткий пакет + скрин 375/1280 + 5 строк before→after.

РезультатШаблон доступен по URL (или стабильный localhost-демо + архив). Есть before→after и ссылка на маршрут ProektMap.
Опубликованный/упакованный премиум-шаблон

Инструменты из Нейро каталога

Готовый технический путь

Стек уже выбран

Next.js, DESIGN.md, Premium Landing Stack (/ai-skills) и editorial-направление. Пользователь не проектирует архитектуру — выполняет маршрут.

  • Плати по миру → оплата Cursor из РФ
  • Локально в Cursor (SSH — на финише/хостинге)
  • Cursor (Agent)
  • Next.js App Router + TypeScript
  • CSS-переменные / токены (без обязательного Tailwind)
  • next/font (характерный display + body)
  • AI Skills: Frontend Design → taste-skill → web-design-guidelines → Impeccable
  • DESIGN.md в корне
  • Проверка из РФ: без VPN для сборки; деплой Beget / Timeweb / свой VPS
01Карта Плати по миру + Cursor на вашем GitHub с оплаченным Pro
02Выбранная платформа + карта локально/SSH + мост Harness/Loop/Graph
03BRIEF.md с направлением editorial
04DESIGN.md — язык продукта
05Установленный Premium Landing Stack
06Работающий каркас Next.js с токенами
07Черновик премиум-лендинга
08Полированный шаблон + заметки audit
09CHECKLIST.md + успешный build
10Опубликованный/упакованный премиум-шаблон
Экосистема по шагам

Skills и дизайн-система внутри маршрута

Шаг 3

Фиксируем эстетическое направление

В BRIEF.md записаны продукт, аудитория и одно направление (editorial). Запреты AI-скуфа подтверждены.

Первый нестандартный шаблон

Соберите премиум-лендинг по готовым шагам

Даже слабая модель держит характер, если есть DESIGN.md, запреты и Premium Landing Stack. Следующий шаг открывается после понятного результата.

Открыть рабочую зону