AI做App总翻车?三个仓库把iOS逆向工程做成了技能包
Appllama、Expo官方、emilkowalski 各自放出了给AI代理用的技能包:一个研究头部App的设计,一个教你构建原生感UI,一个专治动画没品味。
AI 写代码越来越溜,但到了 UI 这块,差不多还是灾难现场。生成的东西能用,就是丑,或者总觉得差了口气。
最近看到几个仓库,方向一致:把"做好一个App"这件事,拆成 AI 能执行的技能包。
第一个:Appllama
四个收入最高的App长什么样,AI 照着学。
Appllama 本身是个设计库,收录了头部App的真实屏幕、流程和UI模式,并且带上收入和下载量数据。配套的技能包把这个库变成了AI的工作方法:先去研究那些赢家App的每一个屏幕,提取该类目下的设计语言,再动手构建能够与之比肩的界面。
两个核心技能:
- appllama-usage:研究引擎。通过 MCP 连接 Appllama 的数据,学会像设计总监一样使用工具,包含从零搭建App、改进现有界面、流程与元素研究三套打法。
- appllama-app-design-skill:构建标准。原生感的 Expo / React Native 界面,Apple HIG 级别的还原度,语义化颜色,原生控件,反"糊弄"纪律。导航要有正确行为(push 还是 present、什么场景不该有返回键),动画要克制(该不该动、弹簧要带上手指的速度、不能跑在 JS 线程上),最后在模拟器里录下完整流程逐帧检查,不给截图了事。
安装一条命令:
npx skills@latest add appllama/appllama-skills
MCP 端点:https://mcp.appllama.io/mcp。Pro 用户每月 1 日重置额度,get_credits 永远免费。
第二个:Expo 官方
Expo 团队自己也出了官方技能包,覆盖 Expo 应用的全生命周期:构建、部署、升级、调试。
仓库里有 16 个技能,分三组:
- 框架(开源免费):项目结构、Expo Router 导航、动画(Reanimated + Gesture Handler)、原生感样式、设计系统、数据请求、DOM 组件、web 转原生、原生模块、Dev Client 等。
- EAS 服务(付费):应用商店构建与提交、EAS Hosting 部署、Workflows CI/CD、Observe 指标、Update 热更新、云端模拟器。
- 实验性:模块 API 迁移等未稳定内容。
安装方式稍有区别。Claude Code 和 Codex 走官方插件市场,其他工具用 skills CLI:
npx skills@latest add expo/skills --skill '*'
所有技能共用原则:Expo 文档、CLI 是唯一事实来源,技能包教 AI 如何正确应用它们。
第三个:emilkowalski 的动画课
来自 Vercel 和 Linear 前员工。核心观点一句话:AI 没有品味。
同一个进入动画,该用 ease-out 的地方 AI 给你选 ease-in;该用半透明阴影的地方 AI 给你上实线边框。单个看都是小事,堆在一起就成了"说不出来哪里怪"的界面。
技能列表里有两个挺扎眼的:review-animations 严格审查已有动画,improve-animations 给整个代码库的动画做审计并输出优先级计划。animation-performance 专治掉帧,apple-design 把苹果 WWDC 的设计原则翻译给了 Web。
值得一提的还有 break-ui——拿极端数据攻击你自己做的界面:超长人名、单个字母、空列表、长标签。比起漂亮的截图,这些才是真实的用户。
安装:
npx skills@latest add emilkowalski/skills
一点观察
三个仓库指向同一件事:AI 的能力不缺,缺的是标准。 技能包的价值不在于多炫技,在于把"好"这个词拆成了可执行的规则,让没有审美积累的模型有了参照系。
有个评论挺到位:与其在意截图像不像,不如加大 Dynamic Type、打开 Reduce Motion、用 VoiceOver 走一遍全流程。阅读顺序对不对,主要操作是否可达,这些才是截图不会暴露的失败。
另一位网友的反馈更直接:问 AI 要参考应用,得到的永远是那几个过时的老面孔。建议自己先找 3-5 个符合审美的应用喂给 agent,表现会好很多。
仓库链接:
发布时间: 2026-10-27 11:58