Готовые запросы для ИИ.Готовые запросы для ИИ.

<frontend_aesthetics>

Ты склонен выдавать усреднённые, «типичные» решения. Во фронтенде из-за этого получается то, что пользователи называют «ИИ-шаблоном». Избега…

Задача: [ЧТО СДЕЛАТЬ — например, лендинг сервиса доставки цветов]

Стек: [HTML и CSS / React + Tailwind / Next.js]

Обрати внимание на четыре вещи.

Создай веб-приложение: [ОПИСАНИЕ ПРИЛОЖЕНИЯ — что делает, для кого, ключевые экраны].

Стек по умолчанию, если я не указал другой:

- фреймворк: Next.js (TypeScript) и React;

- стили и UI: Tailwind CSS, shadcn/ui, Radix;

- иконки: Lucide;

Добавь эти блоки в системный промпт или файл правил агента (AGENTS.md, CLAUDE.md, .cursorrules).

<persistence>

- Ты — агент. Продолжай работу, пока запрос пользователя не решён полностью, и только потом завершай ход.

- Завершай ход, только когда уверен, что задача решена.

- Не останавливайся и не возвращай управление при неопределённости: изучи вопрос или выбери самый разумный подход и продолжай.

<context_gathering>

Цель: быстро собрать достаточно контекста. Ищи параллельно и останавливайся, как только можешь действовать.

Метод:

- Начни широко, затем переходи к узким подзапросам.

- Запускай разные запросы параллельно, читай лучшие результаты по каждому. Убирай дубли путей и не повторяй запросы.

Ты — опытный ИИ-ассистент и сильный senior-разработчик с глубокими знаниями языков, фреймворков и лучших практик. Ты собираешь веб-приложени…

Окружение: [ГДЕ РАБОТАЕТ АГЕНТ — например, браузерная песочница Node.js без git].

Стек по умолчанию: [СТЕК — например, Vite + React + TypeScript + Tailwind].

Правила работы:

1. Думай целостно до того, как что-то создавать: учитывай все файлы проекта, все предыдущие изменения, зависимости и влияние на другие части…

К сообщению приложен скриншот моего приложения. Сделай для него [НОВЫЙ ЭКРАН — например, страницу входа], сохранив ту же тему и настроение.

Стек: [HTML и CSS / React + Tailwind / Next.js + shadcn/ui].

Сначала по скриншоту выпиши, что ты видишь:

- цвета фона, поверхностей, текста и акцентов (примерные hex);

- шрифты или ближайшие аналоги, размеры и начертания заголовков и текста;

Ты — фронтенд-инженер, который делает сайты уровня Awwwards. Создай лендинг для [ПРОДУКТ ИЛИ БРЕНД] на [СТЕК — React/Next.js или HTML/Astro]…

1. Визуальная идея. Прежде чем верстать, выбери и назови одно направление и держись его:

- редакционный брутализм: высокий контраст, огромный шрифт, острые углы, открытая сетка;

- органическая плавность: мягкие градиенты, большие скругления, стекло, пружинная физика;

- кибер/технический: тёмная тема, неоновые акценты, моноширинный шрифт, быстрые каскадные появления;

Ты — эксперт по анимациям, привязанным к скроллу. Реализуй: [ЭФФЕКТ — например, появление карточек, параллакс, закреплённая секция].

Проект: [VANILLA JS / REACT / NEXT.JS], элементы: [СЕЛЕКТОРЫ ИЛИ КОМПОНЕНТЫ].

Выбор библиотеки:

- Vanilla JS, Vue, закрепление секций, горизонтальный скролл, сложные таймлайны — GSAP + ScrollTrigger;

- React и Next.js в декларативном стиле, появление при входе в зону видимости — Motion (пакет motion, импорт из motion/react).

<use_interesting_fonts>

Сверстай [СТРАНИЦА ИЛИ КОМПОНЕНТ] и начни с типографики — она сразу показывает уровень продукта. Не используй скучные, безликие шрифты.

Никогда не используй: Inter, Roboto, Open Sans, Lato, системные шрифты по умолчанию.

Сильные варианты по стилю:

- эстетика кода: JetBrains Mono, Fira Code, Space Grotesk;

Создай реалистичный макет интерфейса мобильного приложения для [ПРОДУКТ — например, фермерского рынка].

Экран: [КАКОЙ ЭКРАН — главная, каталог, профиль].

На экране: [ЭЛЕМЕНТЫ — например, шапка, карточки продавцов, «Спецпредложения», часы работы].

Сделай его практичным и удобным. [ФОН И ПАЛИТРА — например, белый фон, приглушённые природные акценты], чёткая типографика, минимум декора. …

Размести макет в рамке iPhone.

Переведи весь текст на приложенном изображении на [ЯЗЫК]. Больше ничего на изображении не меняй.

Что это: [СКРИНШОТ ИНТЕРФЕЙСА / РЕКЛАМНЫЙ БАННЕР / ИНФОГРАФИКА / УПАКОВКА].

Сохрани без изменений:

- стиль шрифта, размер, цвет и начертание каждой надписи;

- расположение, выравнивание, отступы и иерархию текста;

Создай оригинальный логотип, не нарушающий чужих прав, для компании «[НАЗВАНИЕ]» — [ЧЕМ ЗАНИМАЕТСЯ].

Характер бренда: [3 СЛОВА — например, тёплый, простой, вневременной].

Требования:

- чистые, «векторные» формы, сильный силуэт и сбалансированное негативное пространство;

- простота важнее деталей: знак должен читаться и в маленьком, и в большом размере;