实时预览,运行的正是提示词中携带的代码
Interval Training Week
The training week as seven days, each drawing its planned time in zone as a bar in the five zone colours so the shape of the week is visible as colour instead of described. The weekly total, the zone breakdown and the easy against hard split all reduce from the same blocks, the split being minutes in zones one and two over the week's minutes, and the rest day is rendered as a deliberate state rather than a blank row.
粘贴到 Claude Code、Cursor 或 Windsurf 中,它会在你的应用中 1:1 构建这个界面。
提示词包含的内容全部内联,无需联网获取
- screen.tsx
- 完整写出,即贴即用
- 684 行
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- 来自 @expo-google-fonts
- 集成规则
- 1:1 交付,绝不改成你现有的主题
- SDK 52+
这个设计遵循的规则
它完全按照预览效果交付:相同的颜色、相同的字体、相同的文案、相同的动效。提示词会指示你的代理照此构建,而不是让它适配你现有的主题。













