用途:login-flow 用于生成移动优先的登录与身份验证界面,适合需要为移动应用设计登录体验的场景,涵盖手机号+短信验证、密码登录和社交 SSO 选项。
主要能力:输出单个独立 HTML 文件,包含默认、加载、错误等状态;输入框上方带标签(不只用占位符);密码字段带显示/隐藏切换;社交 SSO 按钮带 SVG 图标;字段下方显示错误状态;主 CTA 内含加载指示器;触控目标最小 44px。移动优先约束包括视口宽 375px(iPhone 标准)、无横向滚动、适配刘海屏的安全区域内边距,以及手机号使用 tel 键盘、密码字段使用 password 键盘。
使用方式:先阅读参考文件,再明确验证方式(手机/短信、密码或社交 SSO),通过检查清单门禁核对 P0 项后再输出 <artifact>,构建带正确状态的 HTML 原型,并用 <artifact> 标签引用输出文件。附带文件 references/checklist.md 提供 P0/P1 验收标准。
限制:资料未提供安装命令、收费、价格、平台支持范围及具体效果数据;输出为 HTML 原型,非可直接上线的生产代码。