Repolode
Appllama

Appllama/appllama-skills

一组智能体技能,帮助 AI 编程助手参照畅销应用的设计,构建接近原生质感的 Expo / React Native 移动端界面。

Star
4,938
Fork
251
未关闭 Issue
2
最近提交
2个月前

这是什么?

该仓库提供两个相互配合的智能体技能,用于移动应用开发。appllama-usage 是 Appllama MCP 的调研流程,说明如何在设计前研究畅销应用的界面、流程和 UI 模式。appllama-app-design-skill 是 Expo 与 React Native 界面的构建规范,涵盖接近 Apple HIG 风格的原生控件、语义化颜色、push 与 replace、弹层等导航行为、动效标准,以及基于模拟器、可逐帧回放整个流程的检查循环。

两个技能可通过 skills.sh 命令行工具安装到 Claude Code、Cursor、Codex 等智能体中。appllama-app-design-skill 不依赖 Appllama MCP 也可单独使用,连接 MCP 后则可访问 Appllama 的应用界面设计库。

核心功能

  • 01提供通过 Appllama MCP 研究畅销应用界面与流程的操作方法。
  • 02给出接近 Apple HIG 风格、使用语义化颜色的 Expo / React Native 构建指导。
  • 03规定 push 与 replace、弹层及不可返回页面等导航规则。
  • 04制定动效标准,包括何时使用动画以及与手势速度相关的弹簧效果。
  • 05包含模拟器检查循环,可逐帧录制并审查完整应用流程。

适用场景

  • 借助 AI 编程助手,用 Expo 或 React Native 逐屏构建新的移动应用。
  • 依据质量标准改进现有应用界面的布局、导航或动效。
  • 在设计前调研头部应用的引导流程或付费墙结构。

快速上手

  1. 1

    在项目根目录安装这些技能

    npx skills@latest add appllama/appllama-skills
  2. 2

    在你的智能体中添加 Appllama MCP 端点,并使用 Appllama 账户完成授权

使用前须知

  • 使用 MCP 功能需要 Appllama Pro 订阅。
  • 每次 MCP 调用消耗一个积分,积分按月配额发放。

收录于专题

标签

常见问题

appllama-skills 是什么?
一组智能体技能,帮助 AI 编程助手参照畅销应用的设计,构建接近原生质感的 Expo / React Native 移动端界面。 该仓库提供两个相互配合的智能体技能,用于移动应用开发。appllama-usage 是 Appllama MCP 的调研流程,说明如何在设计前研究畅销应用的界面、流程和 UI 模式。appllama-app-design-skill 是 Expo 与 React Native 界面的构建规范,涵盖接近 Apple HIG 风格的原生控件、语义化颜色、push 与 replace、弹层等导航行为、动效标准,以及基于模拟器、可逐帧回放整个流程的检查循环。
appllama-skills 可以免费使用吗?用的什么许可证?
appllama-skills 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
appllama-skills 还在维护吗?
半年内有更新。appllama-skills 最近一次提交是在 2026年9月6日。
appllama-skills 适合用来做什么?
借助 AI 编程助手,用 Expo 或 React Native 逐屏构建新的移动应用。 依据质量标准改进现有应用界面的布局、导航或动效。 在设计前调研头部应用的引导流程或付费墙结构。
appllama-skills 怎么安装和运行?
在项目根目录安装这些技能: npx skills@latest add appllama/appllama-skills 在你的智能体中添加 Appllama MCP 端点,并使用 Appllama 账户完成授权
在哪里获取 appllama-skills?
源代码和安装说明在 GitHub 上:https://github.com/Appllama/appllama-skills

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目