Settings Page
A complete settings page: grouped lists and switch rows, with a danger zone.
All platformsPersonalFull screenFlow Version v1.0.0 · Framework targets:html-css / tailwind / react Stale
Component prompts referenced by this scene prompt
- Settings List Prompt v1.0.0
- Switch Row Prompt v1.0.0
- List Item 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
场景说明
完整设置页:分组列表与开关行的组合,含危险区。
版式说明
单列分组:账号组(列表行进二级页)、通知组(开关行即时生效)、通用组、关于组;退出登录与注销账号沉底分开放置,注销红色并二次确认。
引用的组件提示词
settings-list-promptv1.0.0switch-row-promptv1.0.0list-item-promptv1.0.0
生成顺序
先按版式生成页面骨架,再逐个引用上面的组件提示词生成各部件,最后统一令牌与间距。不要把组件提示词全文复制进本场景——引用 + 覆盖即可(规格 §5.1)。
(验证状态:待复验。本场景尚未经真实模型实测,验证字段如实留空。)