Journal

Tag

#ios · Page 22

Localized App Store Screenshot Text (Lift Downloads): a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

Localized App Store Screenshot Text (Lift Downloads)

English-only screenshot captions cost downloads abroad. Localize the text per market, keep it a swappable layer, and prioritize the markets that matter.

Lawrence Arya · May 30, 2026
Apple Wallet Pass UI: Free Template and How to Build It: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 4 min read

Apple Wallet Pass UI: Free Template and How to Build It

An Apple Wallet pass is a free re-engagement channel. Design the in-app add screen and the pass layout from a free VP0 design, then sign the .pkpass on your backend.

Lawrence Arya · May 30, 2026
Capacitor Custom Native Header UI on iOS (Free Guide): the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

Capacitor Custom Native Header UI on iOS (Free Guide)

A Capacitor app's web origin shows in the header. Make it native: respect the safe area, use iOS nav-bar conventions, and reference a free VP0 iOS design.

Lawrence Arya · May 30, 2026
无障碍大字版 App UI 模板:不只是把字调大: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 3 min read

无障碍大字版 App UI 模板:不只是把字调大

无障碍大字版要支持动态字体、对比度、触控区和读屏,不只是调大字。从一个干净的 VP0 原生设计起步再强化无障碍最省事。

Lawrence Arya · May 30, 2026
AI 助手界面 React Native 组件库做法: the App Store logo on a glass tile over a blue gradient with bubbles
Guides 4 min read

AI 助手界面 React Native 组件库做法

把 AI 助手界面拆成可复用的 React Native 组件,消息列表、输入栏、流式气泡各管一摊。用 VP0 免费设计起步,交给 Cursor 生成。

Lawrence Arya · May 30, 2026
AI 助手界面 SwiftUI 原生风格做法: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

AI 助手界面 SwiftUI 原生风格做法

用 SwiftUI 原生重建 AI 助手界面,靠 @State 管流式、ScrollViewReader 自动滚到底。用 VP0 免费设计起步,交给 Claude 生成。

Lawrence Arya · May 30, 2026
AI 情感伴侣前端 React Native 组件库: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 4 min read

AI 情感伴侣前端 React Native 组件库

把 AI 情感伴侣界面拆成可复用的 React Native 组件:角色卡、情绪气泡、礼物动效各管一摊。用 VP0 免费设计起步。

Lawrence Arya · May 30, 2026
AI 出图瀑布流 React Native 组件做法: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

AI 出图瀑布流 React Native 组件做法

用 React Native 做 AI 出图 App 的双列瀑布流,分列均衡、图片占位、生成中状态各管一摊。VP0 免费起步。

Lawrence Arya · May 30, 2026
大模型对话移动端暗色 UI 模板:难在对比和层次: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 3 min read

大模型对话移动端暗色 UI 模板:难在对比和层次

大模型对话 App 偏爱暗色,但难点是对比和层次,不是把背景调黑。用 VP0 挑暗色对话设计喂给 AI 生成,别用纯黑。

Lawrence Arya · May 30, 2026
ChatGPT 前端 React Native 组件库一比一: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 4 min read

ChatGPT 前端 React Native 组件库一比一

一比一还原 ChatGPT 式前端,靠 React Native 组件:气泡、打字指示、Markdown 与代码块各封一块。用 VP0 免费设计起步。

Lawrence Arya · May 30, 2026
ChatGPT 前端 SwiftUI 原生风格做法: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 4 min read

ChatGPT 前端 SwiftUI 原生风格做法

用 SwiftUI 原生做 ChatGPT 式前端,靠 AttributedString 渲染 Markdown、LazyVStack 扛长会话。用 VP0 免费设计起步。

Lawrence Arya · May 30, 2026
大模型对话暗色 UI SwiftUI 原生做法: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

大模型对话暗色 UI SwiftUI 原生做法

用 SwiftUI 原生做大模型对话的暗色界面,靠语义色和 preferredColorScheme 一套代码通吃浅深。用 VP0 免费设计起步。

Lawrence Arya · May 30, 2026
ChatGPT 类机器人前端:别照搬源码,用 VP0 重建: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 4 min read

ChatGPT 类机器人前端:别照搬源码,用 VP0 重建

想做 ChatGPT 式聊天前端,照搬「一比一源码」有版权和密钥风险。更稳的免费做法是用 VP0 挑个对话设计,喂给 Cursor 或 Claude Code 生成你自己的代码。

Lawrence Arya · May 30, 2026
OpenAI Realtime 语音 UI 移动端模板:状态就是一切: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 4 min read

OpenAI Realtime 语音 UI 移动端模板:状态就是一切

语音 UI 没有气泡,用户全靠动效判断 App 在听、在想还是在说。免费做法是用 VP0 挑个语音类原生设计,喂给 Cursor 或 Claude Code 生成。

Lawrence Arya · May 30, 2026
OpenAI 语音 UI React Native 组件库: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 4 min read

OpenAI 语音 UI React Native 组件库

语音界面没有气泡,状态就是一切。用 React Native 把聆听、思考、说话、打断各封成组件。用 VP0 免费设计起步。

Lawrence Arya · May 30, 2026
RAG 文档上传移动端 UI 模板:难点全在状态: a glass iPhone app-grid icon on a mint and teal gradient
Guides 3 min read

RAG 文档上传移动端 UI 模板:难点全在状态

RAG 文档上传是用户第一步,状态特别多:上传、解析、列表、出错。用 VP0 挑个带上传的原生设计喂给 AI 生成,把状态画全。

Lawrence Arya · May 30, 2026
Cursor AI 无脑搭建 iOS 移动端界面教程(附模板): a reflective 3D App Store icon on a blue and purple gradient
Workflows 4 min read

Cursor AI 无脑搭建 iOS 移动端界面教程(附模板)

用 Cursor 搭 iOS 界面可以「无脑」,但前提是设计先行。完整流程:在 VP0 挑原生设计,复制链接喂给 Cursor 生成代码,再补状态、测真机。

Lawrence Arya · May 30, 2026
CursorRules 控制自动生成 React 手机页面代码: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Workflows 3 min read

CursorRules 控制自动生成 React 手机页面代码

Cursor 生成的 React 代码风格爱飘?用规则文件把语义色、三态、禁止硬编码密钥写死,再配一个 VP0 设计基准,生成质量就稳了。

Lawrence Arya · May 30, 2026
Claude 生成高复杂原生 App 框架模板:怎么不写乱: a glass iPhone app-grid icon on a mint and teal gradient
Workflows 3 min read

Claude 生成高复杂原生 App 框架模板:怎么不写乱

让 Claude 生成复杂原生 App 框架,难点在结构。先定结构、分模块、每屏给 VP0 设计参考,比一口气生成整个 App 稳得多。

Lawrence Arya · May 30, 2026
DeepSeek 直接导出 React Native 源码模板: a glass iPhone app-grid icon on a mint and teal gradient
Workflows 3 min read

DeepSeek 直接导出 React Native 源码模板

DeepSeek 能直接导出 React Native 源码,但导出只是第一步。给它一个 VP0 原生设计当参考、说清接口和状态,导出的代码才原生、才可用。

Lawrence Arya · May 30, 2026
Kimi 通义千问识别 UI 大图生成移动端代码:图要干净: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Workflows 4 min read

Kimi 通义千问识别 UI 大图生成移动端代码:图要干净

Kimi、通义千问能看 UI 大图生成移动端代码,但输入质量决定输出。给一张干净的 VP0 原生设计图,比随手截图准得多。

Lawrence Arya · May 30, 2026
Claude 写 SwiftUI 排版混乱?用模板对照修复: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 4 min read

Claude 写 SwiftUI 排版混乱?用模板对照修复

Claude 写 SwiftUI 排版乱,多半是缺一个明确的设计基准。给它一个 VP0 原生设计当「标准答案」,对照着修间距、对齐和安全区最快。

Lawrence Arya · May 30, 2026
移动端类似 v0 直接 Prompt 出 RN 页面的网站: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Workflows 3 min read

移动端类似 v0 直接 Prompt 出 RN 页面的网站

想找移动端版 v0、直接 Prompt 出 RN 页面?纯提示词生成往往不够原生。更稳的是把 VP0 当输入,先有原生设计再 Prompt 照着生成。

Lawrence Arya · May 30, 2026
仿抖音短视频信息流页面 UI 模板:命脉是流畅: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 3 min read

仿抖音短视频信息流页面 UI 模板:命脉是流畅

抖音式全屏竖滑短视频流,命脉是流畅和预加载,不是摆按钮。用 VP0 学这套交互,做出你自己的版本。

Lawrence Arya · May 30, 2026