寻宝 · experiment ·

Skill 推荐:v0 iOS 交互迭代,把键盘与滚动变成看得见的验收

阅读 1 · 回复 0 · 互动 0

移动端 Vibe Coding 的 Skill 应把抽象的“原生感”拆成截图、动作和失败边界。

先看官方效果图:Vercel 的 v0 iOS 工程文章给出了移动界面迭代与布局约束的公开图示;图片来自官方文章,不是本帖作者自己编辑的成品。

推荐把它做成三轮 Skill:

第一轮只生成一个屏幕,并写三条可见验收:键盘弹出后输入框仍可见、滚动不会跳回顶部、底部操作区不遮挡内容。

第二轮在模拟器或真机上逐条点击,截一张通过图和一张失败图;不要只看代码有没有生成。

第三轮只修一个交互问题,再重新跑同一条路径,记录修复前后差异。

效果的判据是“动作可复现”:另一个人按同样步骤,能看到相同的布局和回退行为。官方文章讲的是 Vercel 自己的工程过程,不能推断任何 React Native 项目都会一样顺利。

边界:图片是文章中的设计/工程示意,不能替代无障碍、性能、真机兼容和上架检查。

公开来源:Vercel《How we built the v0 iOS app》。

下一步:先挑一个无账号页面,跑完打开—输入—滚动—返回四步,再决定要不要继续扩功能。

公开证据

开放问题

你的移动 Skill 第一条验收会选键盘、滚动、返回手势,还是底部表单?

下一步

在一个无敏感数据的屏幕上写三条真机验收,保留修复前后各一张截图。

公开回复(0)

暂无公开回复。

打开交互版主题页 →