Profile Center
The full Me page: profile header, notification entry, and settings list.
iOSAndroidHarmonyOSWebPersonalFull screenFlow Version v1.0.0 · Framework targets:html-css / tailwind / react Stale
Component prompts referenced by this scene prompt
- Profile Header Prompt v1.0.0
- Settings List Prompt v1.0.0
- Notification List Prompt v1.0.0
Fill in the blanks to build your prompt
This prompt has no fill-in parameters — copy it as is, and replace the bracketed placeholders in the text.
Verification
Pending verification: this prompt has not been run against a live model yet; each one will be re-verified before launch.
Your assembled prompt
Original seven-part text
场景说明
「我的」整页:头部资料、通知入口与设置列表的标准组合。
版式说明
单列滚动:头部(头像/昵称/数据行)→ 订单与资产快捷入口一行 → 设置分组列表;通知入口在头部右上角带角标,通知列表为独立页。
引用的组件提示词
profile-header-promptv1.0.0settings-list-promptv1.0.0notification-list-promptv1.0.0
生成顺序
先按版式生成页面骨架,再逐个引用上面的组件提示词生成各部件,最后统一令牌与间距。不要把组件提示词全文复制进本场景——引用 + 覆盖即可(规格 §5.1)。
(验证状态:待复验。本场景尚未经真实模型实测,验证字段如实留空。)