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

Это носитель кода

Слово «промпт» сбивает с толку, если вы представляете описание. Примерно девяносто пять процентов того, что попадает в ваш буфер обмена, это буквальный исходный код. Остальное: короткая оболочка инструкций, говорящая агенту, куда идут файлы и что установить. Агент вставляет и подключает, но никогда не проектирует, поэтому результат: точное совпадение, а не интерпретация.

Что находится в блоке

• Одна строка, объявляющая задачу и SDK, на который рассчитан дизайн.
• Правила: воспроизвести 1:1, создать каждый файл полностью, не заменять библиотеки.
• Каждый файл, слово в слово, с путём, по которому его нужно записать.
• Точный список зависимостей, устанавливаемый через npx expo install, чтобы версии соответствовали вашему SDK.
• Фрагмент загрузки шрифтов для корня вашего приложения, если дизайн использует свои шрифты.
• Заметки настройки, которые реально важны: плагин Babel для Reanimated, корневой view gesture-handler.
• Как подключить это к Expo Router или React Navigation, к тому, что у вас есть.

Форма оболочки

You are given the task of integrating an existing React Native screen
into an Expo codebase.

RULES, non-negotiable:
- Replicate the design 1:1. Do NOT change any color, font, size, spacing,
  radius, wording, or animation value. Do not adapt the design to this
  project's existing theme, colors, tokens, or components.
- Create every file below IN FULL. Never abbreviate, never use placeholders.
- Do not substitute libraries.

Create this file at components/clean-settings/screen.tsx:
...

Скопируйте код вместо этого

Вкладка «Код» у любого дизайна даёт сырые файлы без оболочки инструкций, для случаев, когда вы предпочитаете интегрировать вручную. То же содержимое, другая упаковка.