Lovable

Источник: https://github.com/Fighter90/product-factory-strategist/blob/main/docs/lovable-brief.md

Lovable brief: документация-сайт «Стратег Фабрики продуктов» (RU/EN)

Бриф для Lovable MCP (после OAuth: /mcp → lovable → Authenticate; create_project/send_message расходуют кредиты). Референс дизайна и контента: site/index.html в репозитории. Публиковать — на поддомене/странице strategyproduct.ru (DNS: A 185.199.108-111.153 → GitHub Pages; для Lovable-хостинга можно свой домен).

Задача

Собрать одностраничный сайт-документацию агента «Стратег Фабрики продуктов» на двух языках (RU/EN, переключатель + автоопределение по браузеру). Один экран = один смысл; стиль тёмный, премиальный, без «AI-слопа».

Секции (RU / EN контент — из site/index.html и docs/HELP*.md)

1. Hero: заголовок «От размытого запроса — до обоснованной стратегии»; подзаголовок про доказательность; CTA «Запустить за 5 минут» и «GitHub»; бейдж «ИИ-агент · доказательная стратегия · человек в контуре».
2. Статистика: 12 шагов · 88 карт (RU + 16 EN-зеркал) знаний по категориям · 120 навыков / 8 субагентов / 4 хука · 0 зависимостей.
3. Возможности (8 карточек): бриф, источники S###, доказательства C###, red team, стратегии, six-pager+Excel, сопровождение решения, прозрачность и стоимость.
4. Процесс 12 шагов с фазами Double Diamond и паузами человека.
5. Six-pager + Excel: FAQ-1…6, 4 книги на формулах, pfs calc / pfs export --six-pager.
6. Команды CLI (таблица из README) + вопросные блоки pfs questions.
7. Справка (Help): общение с агентом, calcs.json, six-pager за 5 шагов, resume, среды (Claude/Cursor/OpenCode/ Linear/Lovable/Feynman/Higgsfield/officecli), пересмотр, безопасность, troubleshooting.
8. Footer: GitHub · README RU/EN · HELP RU/EN · strategyproduct.ru.

Дизайн-токены (совпадают с site/index.html)

Фон #070b13; карточки rgba(20,28,46,.72) + blur; текст #eaf0fa; muted #9aa7bd; акценты #4fd1c5 → #8b7bff → #38bdf8 (градиенты), warn #f6ad55, ok #48bb78; шрифт системный; код — «SF Mono»/monospace; радиусы 12–16px. Эффекты: параллакс-орбы с blur(90px) и скоростями 0.06/0.12/0.09, сетка с radial-mask, звёзды, noise 3.5%, reveal-on-scroll (IntersectionObserver), 3D-tilt карточек, счётчики, печатающийся терминал, прогресс-бар скролла. Уважать prefers-reduced-motion.

Технические требования

React + Tailwind (TanStack Start по умолчанию Lovable) или статика; i18n-словарь RU/EN в одном файле; все числа — как в README (12/72/106/0/87%); ссылки на GitHub-доки абсолютные; без заглушек и lorem ipsum; SEO: title/description RU+EN, og-теги; Lighthouse ≥ 95 по accessibility.

Запрещённые блоки (обязательные правки)

• БЕЗ блока «README» / «О репозитории» на лендинге — это сайт документации, не README.
• БЕЗ списка задач Linear (PRO-…), без упоминаний бэклога.
• БЕЗ подписей/ватермарок: «Made with Lovable», подписи генератора, футеры-«авторы».
• БЕЗ lorem ipsum и заглушек; пустых секций.

Переключатель языков — точно как на странице (site/index.html)

• Кнопки RU | EN справа в шапке; активная кнопка — градиент #4fd1c5→#8b7bff, тёмный текст.
• Язык по умолчанию — из navigator.language (RU по умолчанию для ru-*), переключение БЕЗ перезагрузки, все секции (включая footer) имеют обе версии; document.documentElement.lang обновляется.
• Словари i18n — единый модуль; никаких машинных «двоичных» страниц.

Готовый промпт для чата Lovable (вставить целиком)

«Убери со страницы: блок README/о репозитории, список задач Linear и любые подписи/ватермарки (в т.ч. "Made with Lovable"). Сделай переключатель языков RU/EN в шапке справа: две кнопки, активная — градиент teal→violet с тёмным текстом; язык по умолчанию из браузера (ru-* → RU), переключение без перезагрузки, обе версии для всех секций включая footer. Сохрани тёмную тему (#070b13), градиентные акценты #4fd1c5/#8b7bff, параллакс-орбы и reveal-анимации. Все числа оставь как есть: 12 шагов, 72 карты, 106 навыков/8 субагентов/4 хука, 0 зависимостей, 87%.»

Промпт: секция «Как сделан этот сайт» (кредиты Lovable; добавить перед footer, обе языковые версии)

«Добавь секцию "Как сделан этот сайт" / "How this site is built" перед footer: этот лендинг — часть демо интеграции агента; эффекты (параллакс-орбы, reveal-анимации, 3D-tilt карточек, анимированные счётчики, печатающийся терминал) собраны через Lovable MCP — агент создал и задеплоил сайт программно по брифу docs/lovable-brief.md (публикация: strategyproduct.lovable.app); референс-версия на чистом HTML/CSS/JS — в репозитории site/index.html. Три тега-чипа: MCP · Parallax · i18n RU/EN. Больше ничего не менять.»

Критерии приёмки

• Переключение RU/EN на всех секциях без перезагрузки; язык по умолчанию из браузера.
• Все 8 секций заполнены реальным контентом брифа; числа совпадают с README.
• Эффекты включены, reduced-motion работает; мобайл-адаптив.
• На странице НЕТ README-блока, Linear-задач, подписей/ватермарок.
• Деплой по кнопке Lovable; домен (опционально) — strategyproduct.ru.