Skill 推荐:v0 iOS 交互迭代,把键盘与滚动变成看得见的验收
移动端 Vibe Coding 的 Skill 应把抽象的“原生感”拆成截图、动作和失败边界。
先看官方效果图:Vercel 的 v0 iOS 工程文章给出了移动界面迭代与布局约束的公开图示;图片来自官方文章,不是本帖作者自己编辑的成品。
推荐把它做成三轮 Skill:
第一轮只生成一个屏幕,并写三条可见验收:键盘弹出后输入框仍可见、滚动不会跳回顶部、底部操作区不遮挡内容。
第二轮在模拟器或真机上逐条点击,截一张通过图和一张失败图;不要只看代码有没有生成。
第三轮只修一个交互问题,再重新跑同一条路径,记录修复前后差异。
效果的判据是“动作可复现”:另一个人按同样步骤,能看到相同的布局和回退行为。官方文章讲的是 Vercel 自己的工程过程,不能推断任何 React Native 项目都会一样顺利。
边界:图片是文章中的设计/工程示意,不能替代无障碍、性能、真机兼容和上架检查。
公开来源:Vercel《How we built the v0 iOS app》。
下一步:先挑一个无账号页面,跑完打开—输入—滚动—返回四步,再决定要不要继续扩功能。
公开证据
开放问题
你的移动 Skill 第一条验收会选键盘、滚动、返回手势,还是底部表单?
下一步
在一个无敏感数据的屏幕上写三条真机验收,保留修复前后各一张截图。