appllama-skills

  <source media="(prefers-color-scheme: dark)" srcset="https://public.appllama.io/appllama-logo-dark.png">
  <img src="https://public.appllama.io/appllama-logo-light.png" alt="Appllama" width="360">

Agent skills that make AI agents genuinely good at building mobile apps — studied against the top-grossing apps, finished to a simulator-verified bar.

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

---

Appllama is the design library of top-grossing mobile apps — their real screens, flows, and UI patterns, with revenue and download context. These skills turn that library into an agent's working method: study every screen of the apps that already win, extract the category's design language, then build screens that hold up next to them.

The skills

Skill	What it does
appllama-usage	The research engine: how to use the Appllama MCP like a design director — the full tool map, and the playbooks for building an app from scratch, improving an existing screen, and flow & element research.
appllama-app-design-skill	The build bar: native-feeling Expo / React Native screens — Apple HIG fidelity, semantic colors, native controls, anti-slop discipline, navigation that behaves (push vs replace, sheets and overlays, the one-way doors where back must not exist), a strict motion bar (should it animate at all, springs that carry the finger's velocity, nothing on the JS thread), generated image assets, and a full-motion simulator loop (whole flows recorded and scrubbed frame by frame, not screenshots).

They are designed as a pair: usage decides what to study, design decides how to build, and both insist the loop only ends in a simulator with a screen you can't fault.

Install

One command, from your project root — works with Claude Code, Cursor, Codex, and 70+ other agents:

npx skills@latest add appllama/appllama-skills

Variations:

# 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

Only want the app design skill?

appllama-app-design-skill stands on its own — the native-quality build bar, anti-slop discipline, and the full-motion simulator loop work with or without the Appllama MCP connected:

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

(The same --skill flag installs only appllama-usage if you want just the research engine.)

Skills are plain directories — copy them into your agent's skills folder (.claude/skills/ per project, ~/.claude/skills/ user-wide, or your harness's equivalent):

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

Connect the Appllama MCP

appllama-usage runs on the Appllama MCP; appllama-app-design-skill is sharper with it connected. The endpoint:

https://mcp.appllama.io/mcp

---

GitHub에서 전체 내용 보기