656 个现成代码的移动应用界面

反馈

提示词里有什么

提示词是代码的运输方式,而不是一段描述。这里准确说明了会进入你剪贴板的内容。

它是代码的运输方式

如果你把“提示词”想象成一段描述,那就误解了。进入你剪贴板的内容中,大约百分之九十五是字面意义上的源代码,其余是一段简短的指令,告诉代理文件放在哪里、需要安装什么。代理只负责粘贴和接线,从不进行设计,这正是结果能做到精确匹配而非近似解读的原因。

代码块里的内容

  • 一行任务说明,以及该设计所面向的 SDK。
  • 规则:1:1 复现、完整创建每个文件、不得替换所用的库。
  • 每个文件的完整内容,以及应写入的路径。
  • 精确的依赖列表,使用 npx expo install 安装,以匹配你的 SDK 版本。
  • 如果设计使用自定义字体,会附上用于应用根目录的字体加载代码片段。
  • 真正会起作用的设置说明:Reanimated 的 Babel 插件、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:
...
代码是你的
一旦粘贴完成,它就是你仓库中的普通源代码。编辑它、重构它,甚至删掉一半都可以。它对我们没有任何运行时依赖,也不会向外发送任何信息。

改为复制代码

任意设计的“代码”标签页会给你没有指令外壳的原始文件,适合你想手动接入的场景。内容相同,只是包装方式不同。