✶ Guides · Page 60
支付成功动画 iOS 弹窗模板：关键的确认时刻
支付成功那一下是关键的确认时刻，要即时、明确、让人安心。用 VP0 挑支付成功反馈的原生设计喂给 AI 生成，三种状态都要做。
OTP 验证码输入框移动端 UI 模板：卡在转化最后一米
OTP 验证码输入框最影响转化：自动聚焦、短信自动填充、粘贴拆分、倒计时重发。免费做法是用 VP0 挑个原生设计喂给 AI 生成。
下拉刷新丝滑动画 SwiftUI 原生做法
SwiftUI 做下拉刷新，一个 refreshable 修饰符就够，配 async 异步加载。用 VP0 免费设计起步，交给 Claude 生成。
下拉刷新丝滑动画移动端源码：靠的是手感细节
下拉刷新做得丝滑，靠阻尼感、触发时机和克制的原生动画，不是套个转圈。用 VP0 挑带下拉刷新的原生设计喂给 AI 生成。
H5 移动端变原生 iOS 风格 React Native
用 React Native 把 H5 移动端改造出原生 iOS 质感，关键在间距、字阶、手势这些容易被跳过的细节。VP0 免费起步。
H5 移动端变原生 iOS 风格组件库：怎么对齐
H5 套壳一眼就是网页？让它像原生 iOS，要对齐控件、滚动、字体间距和深色。用 VP0 原生设计当标准，照着做组件最接近原生。
全面屏适配手机 UI 壳子组件下载：安全区是关键
全面屏没适配好，内容被刘海挡、被手势条压，一眼廉价。用 VP0 拿适配好全面屏的原生设计当标准，用安全区布局而非固定间距。
Taro Uniapp 输出怎么套原生 UI React Native
Taro、uniapp 默认输出显糙，用 React Native 思路对照原生标准统一间距、字阶、转场就能治。VP0 免费起步。
H5 套壳小程序加移动双端页面源码：体验怎么救
H5 套壳做 App 加小程序双端省成本，但容易丢原生质感。从一个 VP0 原生设计起步，对齐滚动、控件和深色，能减轻「网页感」。
小程序套壳变 iOS 原生 React Native 做法
与其把小程序套壳，不如用 React Native 把页面骨架重做成 iOS 原生极简风。逻辑可留，视觉和交互彻底换。VP0 免费起步。
Taro Uniapp 写出来很丑怎么套原生 UI
Taro、uni-app 默认组件丑、不像原生，是跨端取最大公约数的取舍。用 VP0 拿原生 iOS 设计当标准，覆盖框架默认样式就好看了。
小程序套壳变成 iOS 原生极简风格模板：细节见真章
小程序套壳又想要 iOS 原生极简，张力在于极简最考验细节。用 VP0 拿原生极简设计当标准，对齐控件、排版、深色和安全区。
移动端套壳 React Native 原生体验模板：照标准打磨
「套壳要原生体验」靠照原生标准打磨细节。用 VP0 拿真实 iOS 原生设计当目标，对齐 React Native 的导航、手势、性能和手感。
PWA 转 iOS App 壳 React Native 做法
用 React Native 把 PWA 包成 iOS App 壳，配好启动图、全屏、边缘返回手势，消除网页痕迹。VP0 免费起步。
PWA 转 iOS App UI 壳模板：壳层原生才不露馅
PWA 套进 iOS 壳上架，壳层原生不原生决定第一印象。用 VP0 原生设计当标准，把启动页、导航、状态栏、安全区做得像原生。
WebView 套壳做出苹果级 UI React Native
用 React Native 把 WebView 应用做出苹果级质感，关键是分层：导航交给原生、内容用 WebView。VP0 免费起步。
WebView 上层代码伪装成苹果级别界面模板
想让 WebView 上层界面像苹果亲手做的？关键是控件、手势、排版、材质、深色都照原生规范。用 VP0 拿真实 iOS 设计当目标，以假乱真。
考勤打卡系统 React Native 组件做法
把考勤打卡 App 拆成 React Native 组件：大打卡按钮、定位校验、月历记录各管一摊，定位用 expo-location。VP0 免费起步。
企业微信钉钉考勤打卡系统 UI 模板：清楚又安全
做企业微信、钉钉式考勤打卡系统，界面要清楚高效、数据要安全。用 VP0 挑接近的原生设计喂给 AI 生成，密钥放后端。
Compose Multiplatform: iOS Look and Feel (Done Right)
Compose Multiplatform shares Kotlin UI but renders its own, so iOS feel is opt-in. Target Apple's HIG, not Material defaults; reference a free VP0 design.
.cursorrules File for React Native UI (Consistent Output)
A Cursor rules file pins your stack, conventions, and guardrails so AI-generated RN UI stays consistent. A small file with an outsized effect on output quality.
Discord-Style Community Chat UI (Learn the Pattern)
A community-chat UI is about navigation clarity (servers, channels, threads) and real-time sync. Learn the pattern and build it from a free VP0 design.
Document Scanner Crop UI Like CamScanner (Free Guide)
Build a CamScanner-style crop UI: start from a free VP0 scanner design, then use a native framework like Apple VisionKit for edge detection and deskew.
Download Figma Community Premium Files Free (Safely)
The Figma Community has genuinely free files; 'premium leaked free' is piracy. Check licenses, or start from a free VP0 design your AI tool turns into code.