Sign-in / Sign-up Flow
The full sign-in flow: login form, field rules, and result feedback.
iOSAndroidHarmonyOSWebAccountFull screenFlow Version v1.0.0 · Framework targets:html-css / tailwind / react Stale
Component prompts referenced by this scene prompt
- Login Form Prompt v1.0.0
- Text Field Prompt v1.0.0
- Toast Prompt v1.0.0 {{position}} = 顶部居中
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
场景说明
从打开 App 到登录成功的一整套:登录表单 + 输入规范 + 结果反馈。
版式说明
整屏单列:顶部品牌区(Logo + 一句欢迎),中部登录表单,第三方登录在分隔线下方,协议勾选贴表单底部;登录成功用 Toast 回执并跳转首页,失败在字段下方报错,不弹 Toast。
引用的组件提示词
login-form-promptv1.0.0text-field-promptv1.0.0toast-promptv1.0.0,覆盖参数:{{position}} = 顶部居中
生成顺序
先按版式生成页面骨架,再逐个引用上面的组件提示词生成各部件,最后统一令牌与间距。不要把组件提示词全文复制进本场景——引用 + 覆盖即可(规格 §5.1)。
(验证状态:待复验。本场景尚未经真实模型实测,验证字段如实留空。)