Pro
Возможности+ ваш профиль
Features — zigzag
Чередование текст/визуал.
Фитнес-клуб
Neon-lime · full-bleed · энергия и динамика
Тёмный фон, неоновые lime-акценты и крупная типографика. Подходит для фитнес-клубов, кроссфита, студий и персональных тренировок.
Живое превью стиля
Установка в ваш проект
Нужен Node.js и проект в Cursor, VS Code, Claude, Codex, OpenCode или Windsurf (Next.js, Vite+React, Vue, Laravel, Astro и др.). Пакет ai-skins через npx — отдельно ставить не обязательно.
Нужен лицензионный ключ после оплаты. Pro — весь каталог, разово — только этот профиль.
Выберите вашу IDE
Пошаговые гайды: CLI, MCP и промпты под каждый редактор.
Что появится в проекте
profiles/fitness-neon/styles/tokens.css— CSS variables для любого стекаprofiles/fitness-neon/design-spec.md— единый design spec (React / Vue / Svelte / Blade).cursor/rules/и/или.github/instructions/— правила для ИИ.ai-skins/CURSOR-START.md— готовые промпты.ai-skins/site.json— активный профиль
Настройка цветов после установки
Шаблон не «зашит» навсегда: палитра хранится в токенах. Поменяли primary — обновились кнопки, ссылки, акценты и всё, что использует классы bg-skin-primary, без правки каждого компонента вручную.
1
После команды установки в проекте появится папка профиля. Основной файл палитры:
profiles/fitness-neon/tokens.json
2
Для кнопок и главных CTA чаще всего достаточно полей primary и primaryForeground (текст на кнопке). Сейчас в этом стиле:
"colors": {
"primary": "#A3E635",
"primaryForeground": "#0A0A0A",
"accent": "#84CC16",
"background": "#0A0A0A"
}- primaryфон кнопок, акценты#A3E635
- primaryForegroundтекст на primary#0A0A0A
- accentвторичные акценты#84CC16
- backgroundфон страницы#0A0A0A
3
Пресет читает profiles/fitness-neon/tokens.json и отдаёт утилиты bg-skin-primary, text-skin-fg, rounded-skin-lg и др. В tailwind.config должно быть:
presets: [require("./profiles/fitness-neon/tailwind.preset.js")]Подробный чеклист — в .ai-skins/PROFILE-SETUP.md после установки. Перезапустите npm run dev, если цвет не обновился сразу.
4
Кнопка из UI-kit профиля уже использует токены, например:
className="bg-skin-primary text-skin-primary-fg ..."
В новых секциях просите ИИ классы skin-*, а не случайные bg-indigo-600 — так стиль останется согласованным.
Через Cursor, Copilot или Windsurf
Можно написать: «Поменяй цвет кнопок на #2563EB в tokens.json профиля fitness-neon, сохрани primaryForeground контрастным». Ассистент правит один файл — обновляется весь сайт на токенах.
Если где-то остался жёсткий hex в разметке, этот блок не изменится — замените на skin-* или попросите ИИ рефакторнуть.
Дополнительные секции для «Фитнес-клуб»
В превью выше уже есть hero, тарифы, FAQ и другие секции. Ниже — layout’ы этого стиля, которых нет в демо: скопируйте промпт в ИИ или «В проект», чтобы добавить их на сайт после установки профиля.
Pro
CTA+ ваш профиль
CTA — с формой
Текст + форма регистрации.
Pro
Соц. доказательство+ ваш профиль
Логотипы — сетка
Статичная сетка.
Pro
FAQ+ ваш профиль
FAQ — 2 колонки
Сетка вопросов.