mcpField
A
Appllama

Appllama

远程服务
appllama.io开发工具3.5k7 周前更新

关于 Appllama

Appllama MCP 服务提供热门移动应用的真实界面、流程和 UI 模式,并附带收入与下载背景信息。配套技能引导 Agent 研究品类设计并构建 Expo / React Native 界面,面向移动应用开发者。

主要功能

  1. 01研究热门应用的界面与流程
  2. 02查看设计模式及市场背景
  3. 03按品类提炼设计语言
  4. 04构建原生风格的 Expo / React Native 界面
  5. 05通过模拟器检查完整动态流程

适用场景

  1. 01从头规划移动应用界面
  2. 02改进现有应用屏幕
  3. 03研究引导流程与付费墙设计
  4. 04检查应用导航和动画

MCP 相关

Appllama MCP 服务通过 https://mcp.appllama.io/mcp 向 MCP 客户端提供应用设计研究能力。配套的 appllama-usage 技能用于调用其工具和研究手册。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://mcp.appllama.io/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

工具

详细介绍

Appllama

不只是研究者,更是构建者。

让 AI Agent 真正擅长构建移动应用的 Agent 技能——
以收入最高的应用为研究对象,并达到经模拟器验证的完成标准。

skills.sh 安装量 Appllama 官方 许可证:MIT

appllama.io · MCP · X · LinkedIn · Product Hunt


Appllama 是收入最高的移动应用设计库,收录了它们的真实界面、流程和 UI 模式,以及相关的收入和下载量信息。这些技能将该设计库转化为 Agent 的工作方法:研究那些已经成功的应用中的每个界面,提炼该品类的设计语言,然后构建经得起与它们对比的界面。

技能

技能功能
appllama-usage研究引擎:介绍如何像设计总监一样使用 Appllama MCP,包括完整的工具图谱,以及从头构建应用、改进现有界面和研究流程与元素的操作指南。
appllama-app-design-skill构建标准:打造原生感十足的 Expo / React Native 界面,注重 Apple HIG 还原度、语义化颜色、原生控件、杜绝粗制滥造,以及行为符合预期的导航(push 与 replace、弹层和覆盖层,以及不可返回的单向入口);严格遵循动效标准(判断是否确实需要动效、弹簧动画承接手指速度、不在 JS 线程上运行);生成图像资源,并通过全动效模拟器循环验证(录制完整流程并逐帧检查,而不是只看截图)。

这两个技能配合使用:usage 决定研究什么,design 决定如何构建;两者都要求流程只有在模拟器中完成,并且界面无可挑剔时才能结束。

安装

在项目根目录运行一条命令即可——兼容 Claude Code、Cursor、 Codex 和其他 70 多个 Agent:

npx skills@latest add appllama/appllama-skills

其他安装方式:

# install for specific agents, no prompts
npx skills@latest add appllama/appllama-skills -a claude-code -a cursor -y

# install user-wide instead of per-project
npx skills@latest add appllama/appllama-skills -g
只想要应用设计技能?

appllama-app-design-skill 可独立使用——无论是否连接 Appllama MCP,原生品质的构建标准、杜绝粗制滥造的原则和全动效模拟器循环都能发挥作用:

npx skills@latest add appllama/appllama-skills --skill appllama-app-design-skill

(如果只需要研究引擎,使用相同的 --skill 标志即可只安装 appllama-usage。)

手动安装

技能是普通目录——将其复制到 Agent 的技能文件夹中(按项目安装到 .claude/skills/,供当前用户使用时安装到 ~/.claude/skills/,或放入你的运行环境对应的目录):

git clone https://github.com/appllama/appllama-skills
cp -r appllama-skills/skills/* ~/.claude/skills/

连接 Appllama MCP

appllama-usage 依赖 Appllama MCP;连接后,appllama-app-design-skill 也能发挥更大作用。端点:

https://mcp.appllama.io/mcp

将其添加为 Claude、Cursor、Codex 或任何 MCP 客户端中的自定义连接器,然后使用你的 Appllama 账号批准连接。MCP 访问权限包含在 Pro 中;额度会在每月 1 日全额重置。每次调用消耗 1 个额度——get_credits 始终免费。

试试看

连接 MCP 并安装技能后,向你的 Agent 提问:

帮我开发一款习惯追踪应用。先研究收入最高的习惯类应用, 并持续优化,直到每个屏幕都能通过模拟器对比。

改进这个屏幕。(粘贴截图、代码,或来自 appllama.io 的“Copy Screen ID”引用)

最优秀的健身应用如何设计引导流程——流程有多长、每一步如何创造价值,以及付费墙放在哪里?

接好结账流程。决定哪些屏幕采用推送方式、哪些以工作表形式呈现,并确保用户付款后无法再返回付费墙。

检查这个应用中的动画——哪些应该删除、哪些运行在错误的线程上、哪些缺少速度变化——并给我一份计划。

许可证

MIT。Appllama 名称、骆驼和徽标是 Antmind Ventures Private Limited 的商标;许可证不授予使用这些商标的权利。


由 Appllama 打造——收入最高应用的设计库。
X · LinkedIn · Product Hunt

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。