尧图网页设计 
appllama-skills的终极关卡全运动模拟器验证循环附完整清单与设备矩阵【免费下载链接】appllama-skillsA builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.项目地址: https://gitcode.com/gh_mirrors/ap/appllama-skillsAppllama-skills 是教 AI Agent 打造原生级移动 App 界面的一对手法先研究最赚钱 App 的设计语言再用全运动模拟器验证循环把关——每个流程都在 iOS 模拟器中整段录屏、逐帧回看直到找不出任何瑕疵才算交付。本文带你完整看懂这套终极验收清单与最小设备矩阵零基础也能照着验收 AI 写出的界面。为什么模拟器循环是 appllama-skills 的终极关卡appllama-skills 由两个技能组成像一对搭档研究引擎appllama-usage决定研究什么——拆解头部 App 的真实界面、流程与付费墙建造标准appllama-app-design-skill决定怎么建——原生质感、动效纪律、反模板化两者都把同一件事设为铁律一个界面只有被你亲眼看到它在模拟器上运行过才算存在。 循环的终点不是看起来还行而是在 100% 缩放下找不到任何缺陷。换句话说代码编译通过 ≠ 完成截图好看 ≠ 完成。截图只能证明布局证明不了动效——一帧白屏闪烁、一个掉帧的弹簧动画、键盘弹出时的跳切静态图片全都看不见。能抓住它们的只有录像。动效模拟器验证循环5 步完整流程完整规则在 references/simulator-loop.md流程只有五步但每一步都有反人性的细节启动—— 优先 iOS 模拟器npx expo start后按i或开发包Android 模拟器作为第二验证截图并真正去看—— 截下屏幕然后打开图片仔细研究。不要依赖我写了什么的记忆交互—— 点遍每个控件、输入超长文本、把 App 切到后台再切回来、支持横竖屏就旋转录屏整个流程—— 不是只录一个高光转场而是从头到尾录完整流程先全速看一遍找手感再逐帧拖动检查修复 → 重启 → 重新验证—— 两次查看之间只修少量问题绝不攒批修改回归缺陷就藏在批量修改里 小技巧流程稳定后用 UI 测试工具如 Maestro把快乐路径脚本化——点击、断言、截图一次写好之后每次改动都免费自动回归。全运动验证为什么必须录整段流程这是 appllama-skills 最硬核的一条每个流程都以移动影像评估绝不以静帧评估。录屏时要覆盖每次屏幕切换push / pop、Tab 切换每条返回路径返回箭头、iOS 边缘滑动、Android 硬件返回键每个模态框/底部弹窗弹出、拖动、关闭、拖动中取消键盘两个方向弹出时布局是否平滑跟随、收起时是否有跳切每次交互按压态、手势跟随、快速连点、极限速度滚动甩动然后看两遍录像一遍全速看手感一遍逐帧找这三类隐形刺客刺客长什么样掉帧/卡顿转场中掉出 60 fps标准是整条主流程持续 60 fps必须测量而不是凭感觉单帧闪烁首帧白屏、转场中错误主题的帧、表面短暂渲染了错误颜色布局跳动双重渲染闪现、弹簧动画撞进内容、元素出现后二次回流整段录像必须像一个原生整体——从头到尾顺滑零 UX 瑕疵。哪怕只有一帧不对劲这个流程就不算完成。逐屏验收清单布局、主题、动效、交互、状态清单原文见 simulator-loop.md按五个维度整理如下 布局不被灵动岛/状态栏裁剪滚动内容从下方穿过去时带预期的淡入/模糊而不是硬切边底部主按钮避开 Home 指示条安全区 inset 生效光学对齐图标与文字基线、居中的东西 2 倍缩放下看起来真的居中间距节奏一致8pt 体系里不允许出现野生的 13px 缝隙长文本2 倍长度的标题按设计截断/换行而不是碰巧截断空态、加载态、错误态——强制触发后逐一验证 主题与字体深色 浅色模式都截图并检查过Dynamic Type XL超大字号下无重叠、无裁剪两种主题下次要文字都清晰可读 动效只在整段录像上评估入场动画只在首次挂载时播放一次返回导航时不重播手势 1:1 跟手松手带速度进入弹簧中途取消能干净落定逐帧检查动画起止无弹出、无单帧白屏/错主题/错色帧每个模态框/弹窗的弹出—拖动—关闭—取消双向都平滑键盘出现和收起都录过布局滑行跟随焦点输入框始终可见整条流程持续 60 fps用性能监控器测量不是目测开启减弱动态效果后空间动画降级为淡入淡出 交互每个可点区域 ≥ 44pt按压态可见原生控件该有的触感反馈都有键盘以正确类型出现、不盖住焦点输入框、收起行为合理iOS 边缘返回手势在所有该生效的地方都生效快速双击不会重复导航或重复提交 状态流程中途切后台再回来状态完整杀掉重启持久状态恢复、临时状态重置离线操作要么排队要么明确失败——绝不静默吞掉最小设备矩阵到底该在哪些设备上验在主力设备上跑完整清单其余设备至少验证布局、安全区和核心流程设备档位为什么必须有它最新 iPhone Pro灵动岛主力设计目标iPhone SE 档小屏、无灵动岛布局压缩 按钮可达性最新 PixelAndroidMaterial 行为、返回手势、字体度量一台 iPad若宣称支持平板否则应明确做信箱式居中而不是假装适配60 fps 性能预算用数字说话不用感觉性能方法论在 references/performance.md核心是测量 → 优化 → 再测量闭环并守住这些预算指标预算转场/手势帧率60 fps主流程零掉帧冷启动到可交互中端机 2 秒按键 → 回显延迟 50 ms列表滚动FlashList甩动速度下无空白单元格注意 60 fps 必须在支持的最慢设备上的 Release 包测量——开发包和 Expo Go 恰好会藏住你正在追的卡顿。动效细节弹簧参数、手势速度传递、UI 线程纪律见 references/motion.md。Definition of Done何时才算完成SKILL.md 给每个屏幕定义了完成定义浓缩成一张交付前自查表研究过 10 个同类真实参考界面并能说出自己采用了什么模式导航语义回答清楚这个屏幕是 push / modal / sheet / replace返回键在 iOS 和 Android 上各做什么单向门之后返回无法重回旧状态浅色 深色模式已在模拟器验证安全区 / 灵动岛 / Home 指示条已验证长内容、空态、加载、错误状态都是设计出来的不是默认值主流程已整段录屏并逐帧检查零瑕疵帧、零错色帧Reduce Motion 生效最慢设备 Release 包实测 60 fpsDynamic Type XL 不炸布局有用处的文本可复制所有点击目标 ≥ 44pt双主题对比度达标插图资产单一风格、3x 清晰、无合成白边如何上手一条命令装好 appllama-skills在项目根目录执行npx skillslatest add appllama/appllama-skills命令适用于 Claude Code、Cursor、Codex 等 70 种 Agent。只想装建造标准原生建造标准 模拟器循环可独立工作npx skillslatest add appllama/appllama-skills --skill appllama-app-design-skill也可以手动安装把仓库 clone 下来git clone https://gitcode.com/gh_mirrors/ap/appllama-skills将skills/目录复制进你 Agent 的技能文件夹即可例如.claude/skills/。装好之后可以直接这样对 Agent 下达任务给我做一个习惯打卡 App。先研究最赚钱的习惯类 App在所有界面都通过模拟器对比之前不许停。更多研究方法论如何像设计总监一样拆解 App见 references/research-methods.md 与改造现有屏幕剧本 references/improve-a-screen.md。项目遵循 MIT 协议LICENSE。记住 appllama-skills 的终极心法研究决定上限而模拟器验证循环决定下限——它保证交到你手里的每一帧都经得起逐帧审视。【免费下载链接】appllama-skillsA builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.项目地址: https://gitcode.com/gh_mirrors/ap/appllama-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 appllama-skills的终极关卡：全运动模拟器验证循环（附完整清单与设备矩阵）
appllama-skills的终极关卡全运动模拟器验证循环附完整清单与设备矩阵【免费下载链接】appllama-skillsA builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.项目地址: https://gitcode.com/gh_mirrors/ap/appllama-skillsAppllama-skills 是教 AI Agent 打造原生级移动 App 界面的一对手法先研究最赚钱 App 的设计语言再用全运动模拟器验证循环把关——每个流程都在 iOS 模拟器中整段录屏、逐帧回看直到找不出任何瑕疵才算交付。本文带你完整看懂这套终极验收清单与最小设备矩阵零基础也能照着验收 AI 写出的界面。为什么模拟器循环是 appllama-skills 的终极关卡appllama-skills 由两个技能组成像一对搭档研究引擎appllama-usage决定研究什么——拆解头部 App 的真实界面、流程与付费墙建造标准appllama-app-design-skill决定怎么建——原生质感、动效纪律、反模板化两者都把同一件事设为铁律一个界面只有被你亲眼看到它在模拟器上运行过才算存在。 循环的终点不是看起来还行而是在 100% 缩放下找不到任何缺陷。换句话说代码编译通过 ≠ 完成截图好看 ≠ 完成。截图只能证明布局证明不了动效——一帧白屏闪烁、一个掉帧的弹簧动画、键盘弹出时的跳切静态图片全都看不见。能抓住它们的只有录像。动效模拟器验证循环5 步完整流程完整规则在 references/simulator-loop.md流程只有五步但每一步都有反人性的细节启动—— 优先 iOS 模拟器npx expo start后按i或开发包Android 模拟器作为第二验证截图并真正去看—— 截下屏幕然后打开图片仔细研究。不要依赖我写了什么的记忆交互—— 点遍每个控件、输入超长文本、把 App 切到后台再切回来、支持横竖屏就旋转录屏整个流程—— 不是只录一个高光转场而是从头到尾录完整流程先全速看一遍找手感再逐帧拖动检查修复 → 重启 → 重新验证—— 两次查看之间只修少量问题绝不攒批修改回归缺陷就藏在批量修改里 小技巧流程稳定后用 UI 测试工具如 Maestro把快乐路径脚本化——点击、断言、截图一次写好之后每次改动都免费自动回归。全运动验证为什么必须录整段流程这是 appllama-skills 最硬核的一条每个流程都以移动影像评估绝不以静帧评估。录屏时要覆盖每次屏幕切换push / pop、Tab 切换每条返回路径返回箭头、iOS 边缘滑动、Android 硬件返回键每个模态框/底部弹窗弹出、拖动、关闭、拖动中取消键盘两个方向弹出时布局是否平滑跟随、收起时是否有跳切每次交互按压态、手势跟随、快速连点、极限速度滚动甩动然后看两遍录像一遍全速看手感一遍逐帧找这三类隐形刺客刺客长什么样掉帧/卡顿转场中掉出 60 fps标准是整条主流程持续 60 fps必须测量而不是凭感觉单帧闪烁首帧白屏、转场中错误主题的帧、表面短暂渲染了错误颜色布局跳动双重渲染闪现、弹簧动画撞进内容、元素出现后二次回流整段录像必须像一个原生整体——从头到尾顺滑零 UX 瑕疵。哪怕只有一帧不对劲这个流程就不算完成。逐屏验收清单布局、主题、动效、交互、状态清单原文见 simulator-loop.md按五个维度整理如下 布局不被灵动岛/状态栏裁剪滚动内容从下方穿过去时带预期的淡入/模糊而不是硬切边底部主按钮避开 Home 指示条安全区 inset 生效光学对齐图标与文字基线、居中的东西 2 倍缩放下看起来真的居中间距节奏一致8pt 体系里不允许出现野生的 13px 缝隙长文本2 倍长度的标题按设计截断/换行而不是碰巧截断空态、加载态、错误态——强制触发后逐一验证 主题与字体深色 浅色模式都截图并检查过Dynamic Type XL超大字号下无重叠、无裁剪两种主题下次要文字都清晰可读 动效只在整段录像上评估入场动画只在首次挂载时播放一次返回导航时不重播手势 1:1 跟手松手带速度进入弹簧中途取消能干净落定逐帧检查动画起止无弹出、无单帧白屏/错主题/错色帧每个模态框/弹窗的弹出—拖动—关闭—取消双向都平滑键盘出现和收起都录过布局滑行跟随焦点输入框始终可见整条流程持续 60 fps用性能监控器测量不是目测开启减弱动态效果后空间动画降级为淡入淡出 交互每个可点区域 ≥ 44pt按压态可见原生控件该有的触感反馈都有键盘以正确类型出现、不盖住焦点输入框、收起行为合理iOS 边缘返回手势在所有该生效的地方都生效快速双击不会重复导航或重复提交 状态流程中途切后台再回来状态完整杀掉重启持久状态恢复、临时状态重置离线操作要么排队要么明确失败——绝不静默吞掉最小设备矩阵到底该在哪些设备上验在主力设备上跑完整清单其余设备至少验证布局、安全区和核心流程设备档位为什么必须有它最新 iPhone Pro灵动岛主力设计目标iPhone SE 档小屏、无灵动岛布局压缩 按钮可达性最新 PixelAndroidMaterial 行为、返回手势、字体度量一台 iPad若宣称支持平板否则应明确做信箱式居中而不是假装适配60 fps 性能预算用数字说话不用感觉性能方法论在 references/performance.md核心是测量 → 优化 → 再测量闭环并守住这些预算指标预算转场/手势帧率60 fps主流程零掉帧冷启动到可交互中端机 2 秒按键 → 回显延迟 50 ms列表滚动FlashList甩动速度下无空白单元格注意 60 fps 必须在支持的最慢设备上的 Release 包测量——开发包和 Expo Go 恰好会藏住你正在追的卡顿。动效细节弹簧参数、手势速度传递、UI 线程纪律见 references/motion.md。Definition of Done何时才算完成SKILL.md 给每个屏幕定义了完成定义浓缩成一张交付前自查表研究过 10 个同类真实参考界面并能说出自己采用了什么模式导航语义回答清楚这个屏幕是 push / modal / sheet / replace返回键在 iOS 和 Android 上各做什么单向门之后返回无法重回旧状态浅色 深色模式已在模拟器验证安全区 / 灵动岛 / Home 指示条已验证长内容、空态、加载、错误状态都是设计出来的不是默认值主流程已整段录屏并逐帧检查零瑕疵帧、零错色帧Reduce Motion 生效最慢设备 Release 包实测 60 fpsDynamic Type XL 不炸布局有用处的文本可复制所有点击目标 ≥ 44pt双主题对比度达标插图资产单一风格、3x 清晰、无合成白边如何上手一条命令装好 appllama-skills在项目根目录执行npx skillslatest add appllama/appllama-skills命令适用于 Claude Code、Cursor、Codex 等 70 种 Agent。只想装建造标准原生建造标准 模拟器循环可独立工作npx skillslatest add appllama/appllama-skills --skill appllama-app-design-skill也可以手动安装把仓库 clone 下来git clone https://gitcode.com/gh_mirrors/ap/appllama-skills将skills/目录复制进你 Agent 的技能文件夹即可例如.claude/skills/。装好之后可以直接这样对 Agent 下达任务给我做一个习惯打卡 App。先研究最赚钱的习惯类 App在所有界面都通过模拟器对比之前不许停。更多研究方法论如何像设计总监一样拆解 App见 references/research-methods.md 与改造现有屏幕剧本 references/improve-a-screen.md。项目遵循 MIT 协议LICENSE。记住 appllama-skills 的终极心法研究决定上限而模拟器验证循环决定下限——它保证交到你手里的每一帧都经得起逐帧审视。【免费下载链接】appllama-skillsA builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.项目地址: https://gitcode.com/gh_mirrors/ap/appllama-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考