appllama-skills

<p align="center"> <a href="https://appllama.io"> <picture> <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"> </picture> </a> </p> <h3 align="center">A builder, not just a researcher.</h3> <p align="center"> Agent skills that make AI agents genuinely good at building mobile apps —<br> studied against the top-grossing apps, finished to a simulator-verified bar. </p> <p align="center"> <a href="https://skills.sh/appllama/appllama-skills"><img src="https://skills.sh/b/appllama/appllama-skills" alt="skills.sh installs"></a> <a href="https://appllama.io"><img src="https://img.shields.io/badge/Appllama-official-1a1a1a" alt="Appllama official"></a> <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue" alt="License: MIT"></a> </p> <p align="center"> <a href="https://appllama.io">appllama.io</a> · <a href="https://appllama.io/mcp">MCP</a> · <a href="https://x.com/appllamaio">X</a> · <a href="https://www.linkedin.com/company/appllama">LinkedIn</a> · <a href="https://www.producthunt.com/products/appllama">Product Hunt</a> </p> --- [Appllama](https://appllama.io) 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`](skills/appllama-usage/SKILL.md) | The research engine: how to use the [Appllama MCP](https://appllama.io/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`](skills/appllama-app-design-skill/SKILL.md) | 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](https://skills.sh): ```bash npx skills@latest add appllama/appllama-skills ``` Variations: ```bash # 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: ```bash 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.) <details> <summary>Manual install</summary> 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): ```bash git clone https://github.com/appllama/appllama-skills cp -r appllama-skills/skills/* ~/.claude/skills/ ``` </details> ## 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 ``` Add it as a custom connector in Claude, Cursor, Codex, or any MCP client and approve the connection with your Appllama account. MCP access is part of [Pro](https://appllama.io/pricing); credits reset in full on the 1st of each month. Every call spends one credit — `get_credits` is always free. ## Try it With the MCP connected and the skills installed, ask your agent: > Build me a habit tracker. Study the top-grossing habit apps first and > don't stop until every screen survives the simulator comparison. > Make this screen better. *(paste a screenshot, code, or a "Copy Screen > ID" ref from appllama.io)* > How do the best fitness apps structure onboarding — how long, what does > each step earn, and where does the paywall sit? > Wire up the checkout flow. Decide which screens push, which present as > sheets, and make sure nobody can go back into the paywall after paying. > Review the animations in this app — what should be deleted, what's on the > wrong thread, what's missing velocity — and give me the plan. ## License [MIT](LICENSE). The Appllama name, llama, and logo are trademarks of Antmind Ventures Private Limited — the license does not grant rights to use them. --- <p align="center"> Built by <a href="https://appllama.io">Appllama</a> — the design library of top-grossing apps.<br> <a href="https://x.com/appllamaio">X</a> · <a href="https://www.linkedin.com/company/appllama">LinkedIn</a> · <a href="https://www.producthunt.com/products/appllama">Product Hunt</a> </p>