rf4-spotter/design-reference/CODEX_HANDOFF.md

Передача проекта «Ни хвоста, ни чешуи» в Codex

Что находится в архиве

• исходники интерактивного визуального прототипа;
• app/page.tsx — структура экранов и демонстрационные данные;
• app/globals.css — вся визуальная система, адаптивность и состояния;
• public/lake-dawn.png — основное изображение;
• public/favicon.svg — знак проекта;
• RF4_MVP_SPEC.md — продуктовая идея, данные, архитектура и этапы MVP.

Живая версия макета: https://ni-hvosta-ni-cheshui.ilia-klimentiev.chatgpt.site

Важное замечание

Визуальный прототип собран на Vinext/React. Это референс интерфейса, а не обязательный технологический фундамент. Если основной проект создаётся на Astro, нужно перенести визуальный язык, компоненты и поведение в Astro, а не добавлять второй frontend-фреймворк.

Все уловы, рекорды, показатели активности и имена игроков в прототипе демонстрационные.

Первый запрос Codex

Прочитай RF4_MVP_SPEC.md и CODEX_HANDOFF.md целиком. Затем изучи визуальный прототип: app/page.tsx, app/globals.css и public/lake-dawn.png. Живая версия для визуальной сверки: https://ni-hvosta-ni-cheshui.ilia-klimentiev.chatgpt.site

Это дизайн-референс проекта «Ни хвоста, ни чешуи». Сохрани его визуальный язык: тёмная вода, светлые информационные поверхности, лаймовый сигнальный акцент, антиквенная типографика заголовков, плотные карточки точек и честное отображение свежести/уверенности данных.

Пока не переписывай весь продукт. Сначала:
1. изучи переданные материалы и текущий репозиторий;
2. перечисли, какие элементы можно перенести напрямую, а какие нужно адаптировать под выбранный стек;
3. предложи структуру frontend-компонентов и страниц;
4. составь небольшой поэтапный план реализации;
5. дождись подтверждения плана перед крупными архитектурными изменениями.

Не воспринимай демонстрационные данные как реальные. Не исследуй игровой клиент и не перехватывай его трафик.

Если новый проект должен быть на Astro

Добавьте к запросу:

Целевой frontend — Astro + TypeScript. Используй islands только для фильтров, переключения карточек и формы. Не переноси Vinext/Next.js в новый проект. Воспроизведи дизайн по переданным исходникам и живой версии.