入馆:2026 年 10 月 14 日
appllama-skills
教 AI 编程助手做出有原生质感的手机 App 界面,可选连接 Appllama 收费界面库,先研究畅销 App 再动手。
- 生态
- Agent Skills
- Skill 分类
- 设计
- 创建者 / 机构
- Appllama
它是什么
appllama-skills 是 Appllama 在 GitHub 上发布的两个 Skill。Appllama 本身是一个设计资料库,收录畅销手机 App 的真实界面、操作流程和界面模式,并附上收入和下载数据。第一个 appllama-app-design-skill 是做界面的标准:默认用 Expo 和 React Native 写,要求贴合苹果人机界面指南(Apple Human Interface Guidelines),用系统语义色和原生控件,讲清楚页面什么时候推入(push)、什么时候替换(replace),什么时候用弹窗、什么时候用底部面板,登录、付款这类走过就不该再退回去的步骤要拦住返回;它还列了一串默认禁止的 AI 惯用样式,比如带光晕的紫色渐变按钮、满屏毛玻璃、拿 emoji 当图标,并要求整个 App 只用一种强调色。第二个 appllama-usage 讲怎么用 Appllama 的 MCP(Model Context Protocol)服务查资料:按类别找畅销 App,按使用顺序一屏一屏看界面,搜某类页面或某种组件,再把规律整理成本地笔记。两个 Skill 可以单独安装,README 写明设计 Skill 不连 MCP 也能用,连上之后参考更充分。它特别的地方在于对“做完”的定义:整段操作要在模拟器里录屏,逐帧检查有没有卡顿、闪屏和跳动,只看截图或代码不算完成。
适合谁:用 AI 编程助手做 iOS 或安卓 App 原型,想让界面更像正经原生 App 的人。需要会用 Expo 和 React Native,不写代码的读者用不上。
使用前提:用 npx skills add appllama/appllama-skills 安装,加 --skill 参数可以只装其中一个,也可以手动把目录复制到 AI 工具的 Skill 文件夹。两个 Skill 文件本身是 MIT 许可,可以免费用;Appllama 的名称、羊驼形象和 logo 是商标,不在 MIT 授权范围里。appllama-usage 必须连接 Appllama 的 MCP(mcp.appllama.io),并用 Appllama 账号授权;README 说 MCP 属于收费的 Pro 方案,除了查询余额,每次调用扣 1 点额度,价格和额度以官网为准。你的查询内容会发到 Appllama 的服务器。设计 Skill 要求把 App 放进 iOS 模拟器(iOS Simulator)或安卓模拟器(Android emulator)里实际运行并录屏,电脑上要装好模拟器,AI 工具也要能操作它,少了这一步就不能算验证过。需要插画时它会调用你已连接的生图工具,费用以服务商为准。Appllama 的规则禁止批量扫库抓取数据,返回的图片和视频链接约 1 小时后失效,图上带 Appllama 水印;Skill 也提醒,参考的是别家 App 的设计规律,一比一照抄竞品界面有法律风险。
以上根据项目公开说明整理,本站没有实际测试。