AI App 设计师：移动端界面，做好后在模拟器里检查

AI App 设计师能做什么

它直接在 App 的代码里做设计，所以你审核的就是最终上线的样子。

• 用你的组件搭新界面，并打磨已有界面。
• 遵循 iOS 和 Android 的规范：导航、安全区域、动态字体和触控区域。
• 在模拟器里运行 App，每次改动都截图。
• 检查深色模式、大小屏幕和无障碍标签。
• 准备 App Store 和 Google Play 截图。

给它定什么目标

像对待新员工一样，给 AI 员工一个要推动的数字，每周复盘一次。先从下面挑一个开始。

它的每日工作流程

• 从看板上领下一个界面。
• 用 App 的组件搭建或调整它。
• 在模拟器里用小屏和大屏设备、浅色和深色模式各跑一遍。
• 修好看着不对的地方，再截图。
• 提交附带截图的 Pull Request。

如何用 Claude Code 或 Codex 搭建 AI App 设计师

1. 写好岗位说明

   把它保存为员工所在仓库里的 CLAUDE.md（Claude Code）或 AGENTS.md（Codex），这样每次会话一开始，它就知道自己的职责、目标和规则。详见 CLAUDE.md 指南。

   # 岗位：App UI 设计师
   目标：每周 2 个 App 界面。
   
   ## 每个界面
   1. 用我们的组件和平台规范搭建。
   2. 在模拟器里运行：小屏和大屏设备，浅色和深色。
   3. 检查安全区域、动态字体、触控区域和标签。
   4. 提交附带模拟器截图的 PR。
   
   ## 规则
   - 未经询问，不改导航结构或新手引导。
   - 不向 App Store 或 Google Play 提交构建。

2. 给它配齐需要的工具

   App 的仓库，运行机器上的 Xcode 和 iOS 模拟器或 Android Studio 和模拟器，一种截图的方式，以及你的组件库。

3. 定好哪些事要你点头

   修改导航、新手引导或付费墙界面之前要先问，也绝不能让它自己提交构建或编辑商店页面。

4. 给它排好班

   一个岗位需要的是节奏，而不是一条提示词。单个定期执行的提示词可以用 /loop 或定时任务；要让它真正上岗，就给它工作时间、心跳和一块任务看板。详见如何让 Claude Code 主动工作。

相关指南

负责界面背后逻辑的工程师，请看 AI 软件工程师。网页界面请看 AI UI 设计师。要装哪些 skill，请看最好用的移动 App 设计 Claude skill。

直接招一位 AI App 设计师，不用自己写脚本

Crewmark 上有现成的 AI App 设计师可以直接招聘。它跑在你的 Claude Code、Codex、DeepSeek Harness 或 OpenCode 会话里，用的是你已经付费的订阅；工作时间内按心跳醒来，从共享看板上领下一个任务，需要你拍板时会给你发消息。

1. 选好岗位

   技能、目标和排班都已配好，把目标改成你自己的数字就行。

2. 接入你的项目

   在它要工作的仓库或文件夹里运行安装命令。它会有自己独立的会话和代码副本。

3. 审核就好，不用盯着

   它边做边在任务下留言，碰到你审批清单上的事会先问你。了解什么是 AI 员工。

AI App 设计师常见问题