{
  "markdown": "<p align=\"center\">\n  <a href=\"https://appllama.io\">\n    <picture>\n      <source media=\"(prefers-color-scheme: dark)\" srcset=\"https://public.appllama.io/appllama-logo-dark.png\">\n      <img src=\"https://public.appllama.io/appllama-logo-light.png\" alt=\"Appllama\" width=\"360\">\n    </picture>\n  </a>\n</p>\n\n<h3 align=\"center\">A builder, not just a researcher.</h3>\n\n<p align=\"center\">\n  Agent skills that make AI agents genuinely good at building mobile apps —<br>\n  studied against the top-grossing apps, finished to a simulator-verified bar.\n</p>\n\n<p align=\"center\">\n  <a href=\"https://skills.sh/appllama/appllama-skills\"><img src=\"https://skills.sh/b/appllama/appllama-skills\" alt=\"skills.sh installs\"></a>\n  <a href=\"https://appllama.io\"><img src=\"https://img.shields.io/badge/Appllama-official-1a1a1a\" alt=\"Appllama official\"></a>\n  <a href=\"LICENSE\"><img src=\"https://img.shields.io/badge/license-MIT-blue\" alt=\"License: MIT\"></a>\n</p>\n\n<p align=\"center\">\n  <a href=\"https://appllama.io\">appllama.io</a> ·\n  <a href=\"https://appllama.io/mcp\">MCP</a> ·\n  <a href=\"https://x.com/appllamaio\">X</a> ·\n  <a href=\"https://www.linkedin.com/company/appllama\">LinkedIn</a> ·\n  <a href=\"https://www.producthunt.com/products/appllama\">Product Hunt</a>\n</p>\n\n---\n\n[Appllama](https://appllama.io) is the design library of top-grossing mobile\napps — their real screens, flows, and UI patterns, with revenue and download\ncontext. These skills turn that library into an agent's working method:\nstudy every screen of the apps that already win, extract the category's\ndesign language, then build screens that hold up next to them.\n\n## The skills\n\n| Skill | What it does |\n|---|---|\n| [`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. |\n| [`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). |\n\nThey are designed as a pair: **usage** decides what to study, **design**\ndecides how to build, and both insist the loop only ends in a simulator\nwith a screen you can't fault.\n\n## Install\n\nOne command, from your project root — works with Claude Code, Cursor,\nCodex, and [70+ other agents](https://skills.sh):\n\n```bash\nnpx skills@latest add appllama/appllama-skills\n```\n\nVariations:\n\n```bash\n# install for specific agents, no prompts\nnpx skills@latest add appllama/appllama-skills -a claude-code -a cursor -y\n\n# install user-wide instead of per-project\nnpx skills@latest add appllama/appllama-skills -g\n```\n\n### Only want the app design skill?\n\n`appllama-app-design-skill` stands on its own — the native-quality build\nbar, anti-slop discipline, and the full-motion simulator loop work with or\nwithout the Appllama MCP connected:\n\n```bash\nnpx skills@latest add appllama/appllama-skills --skill appllama-app-design-skill\n```\n\n(The same `--skill` flag installs only `appllama-usage` if you want just the\nresearch engine.)\n\n<details>\n<summary>Manual install</summary>\n\nSkills are plain directories — copy them into your agent's skills folder\n(`.claude/skills/` per project, `~/.claude/skills/` user-wide, or your\nharness's equivalent):\n\n```bash\ngit clone https://github.com/appllama/appllama-skills\ncp -r appllama-skills/skills/* ~/.claude/skills/\n```\n\n</details>\n\n## Connect the Appllama MCP\n\n`appllama-usage` runs on the Appllama MCP; `appllama-app-design-skill` is\nsharper with it connected. The endpoint:\n\n```\nhttps://mcp.appllama.io/mcp\n```\n\nAdd it as a custom connector in Claude, Cursor, Codex, or any MCP client\nand approve the connection with your Appllama account. MCP access is part\nof [Pro](https://appllama.io/pricing); credits reset in full on the 1st of\neach month. Every call spends one credit — `get_credits` is always free.\n\n## Try it\n\nWith the MCP connected and the skills installed, ask your agent:\n\n> Build me a habit tracker. Study the top-grossing habit apps first and\n> don't stop until every screen survives the simulator comparison.\n\n> Make this screen better. *(paste a screenshot, code, or a \"Copy Screen\n> ID\" ref from appllama.io)*\n\n> How do the best fitness apps structure onboarding — how long, what does\n> each step earn, and where does the paywall sit?\n\n> Wire up the checkout flow. Decide which screens push, which present as\n> sheets, and make sure nobody can go back into the paywall after paying.\n\n> Review the animations in this app — what should be deleted, what's on the\n> wrong thread, what's missing velocity — and give me the plan.\n\n## License\n\n[MIT](LICENSE). The Appllama name, llama, and logo are trademarks of\nAntmind Ventures Private Limited — the license does not grant rights to\nuse them.\n\n---\n\n<p align=\"center\">\n  Built by <a href=\"https://appllama.io\">Appllama</a> — the design library of top-grossing apps.<br>\n  <a href=\"https://x.com/appllamaio\">X</a> ·\n  <a href=\"https://www.linkedin.com/company/appllama\">LinkedIn</a> ·\n  <a href=\"https://www.producthunt.com/products/appllama\">Product Hunt</a>\n</p>\n",
  "bytes": 5574,
  "sha": "bc7b7baebd1e075ec4ea41e4baf3565ff9cd1e93ff87dcbea5d5c8d6fe7a3068",
  "repo_slug": "appllama/appllama-skills",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/mcp_io_appllama_appllama_f5a5f2d8/readme"
}