Sandbox
@Appllama/appllama-skills

Skills for Appllama research and mobile screen building

This repo packages two skills that work together: one to study top-grossing app patterns through Appllama, and one to turn that research into native-quality Expo and React Native screens. It also includes MCP connection guidance and install commands for per-project or user-wide setup.

1,303 stars74 forksUpdated 11d ago
Who it's for

Builders who want their agent to research winning mobile app patterns and build screens that match native app behavior.

What it delivers

You can move from app research to simulator-checked mobile screens without re-explaining the design bar every time.

What it does

Appllama usage workflow

Teaches agents how to use the Appllama MCP as a design research tool, including app-from-scratch, screen-improvement, and flow research playbooks.

Native-quality build bar

Sets rules for Expo and React Native screens: Apple HIG fidelity, semantic colors, native controls, and navigation that behaves correctly.

Motion discipline

Defines when screens should animate, how springs should follow finger velocity, and what should stay off the JS thread.

Simulator verification loop

Uses full-flow simulator recording and frame-by-frame review instead of only screenshots.

MCP connection guidance

Explains how to connect the Appllama MCP endpoint in Claude, Cursor, Codex, or any MCP client.

How to get it

  1. 1One command, from your project root — works with Claude Code, Cursor, Codex, and 70+…
    npx skills@latest add appllama/appllama-skills
  2. 2Variations
    # 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
  3. 3appllama-app-design-skill stands on its own — the native-quality build bar, anti-slop…
    npx skills@latest add appllama/appllama-skills --skill appllama-app-design-skill
  4. 4Skills are plain directories — copy them into your agent's skills folder…
    git clone https://github.com/appllama/appllama-skills
    cp -r appllama-skills/skills/* ~/.claude/skills/

README

AppllamaAppllama

A builder, not just a researcher.

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

skills.sh installs Appllama official License: MIT

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

SkillWhat it does
appllama-usageThe 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-skillThe 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.)

Manual install

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

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; 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. The Appllama name, llama, and logo are trademarks of Antmind Ventures Private Limited — the license does not grant rights to use them.


Built by Appllama — the design library of top-grossing apps.
X · LinkedIn · Product Hunt

Files in the repo

Repository payload8 top-level entries
  • .claude-plugin
  • .cursor-plugin
  • skills
  • .gitignore
  • .mcp.json
  • LICENSE
  • mcp.json
  • README.md

Discussion (0)

Ask about usage, or say what you built with it

Sign in to join the discussion.

No comments yet. Be the first to say what this is good for.

More skills

obra/
superpowers

An agentic skills framework & software development methodology that works.

285k
1 add

Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Cursor, Codex, and Gemini CLI: local deterministic AST parsing, every edge explained, no vector store.

117k
1 add
Vincentwei1021/
anything2explainer

Topic in, narrated explainer video out. A Claude Code / Codex skill that turns any topic into a black-canvas motion-graphics explainer video with TTS voiceover, subtitles and a chapter progress bar. Chinese or English; every frame drawn in code with Remotion.

666

Open-source AI job search: scan job portals, evaluate listings into a structured A-H report with a global 1-5 score, tailor your CV, track applications — runs locally in your AI coding CLI (Claude Code, Codex, OpenCode, Antigravity…)

71k