Agent Skill

Appllama App Design Skill skill

appllama-app-design-skillAppllama/appllama-skillsskills/appllama-app-design-skill/SKILL.md

Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). Use when designing or implementing any mobile UI — screens, flows, onboarding, paywalls, tab bars, sheets, settings, empty states — or when polishing motion, navigation, typography, dark mode, or perceived performance. Enforces Apple HIG fidelity, semantic colors, native controls, anti-slop discipline, navigation semantics (push vs replace, modal vs sheet vs overlay, the one-way doors where back must not exist), purposeful Reanimated motion, a full-motion simulator-verified iteration loop, and a study-real-apps-first workflow (pairs with the Appllama MCP). Trigger on "build a screen", "make this screen better", "design the onboarding", "wire up this flow", "polish the UI", "make it feel native", or any mobile design/implementation task.

2.9kMIT

always on

184 tokname + description

once used

4,642 tokSKILL.md body

bundled files

519 KB

repo stars

2.9kGitHub

Install the Appllama App Design Skill skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/Appllama/appllama-skills --skill appllama-app-design-skill

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/Appllama/appllama-skills.git /tmp/appllama-skills
mkdir -p ~/.claude/skills
cp -R /tmp/appllama-skills/skills/appllama-app-design-skill ~/.claude/skills/appllama-app-design-skill

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

When	What loads	Cost
Every session	Name and description	184 tok
When the agent uses it	The SKILL.md instructions	4,642 tok
Only if opened	5 bundled files (19 KB)	varies

Until it is used, appllama-app-design-skill costs about 7.4× less than the median MCP server we measured (1,363 tokens on every turn). Installing all 2 skills from Appllama/appllama-skills would load 308 tokens of descriptions. Skills vs MCP study

Checks

Our checks found nothing to flag: it follows the Agent Skills specification's naming and size guidelines and doesn't pipe downloads into a shell.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

Appllama App Design Skill
The Prime Directive: study before you draw
Platform baseline
Native fidelity laws
Navigation laws
Anti-slop laws
Motion laws
State architecture
Perceived performance
Image & illustration assets
The simulator loop (non-negotiable)
The full-motion pass (mandatory, per flow)
Definition of done, per screen
References

More skills from Appllama/appllama-skills

All skills in this repo

appllama-usageAppllama/appllama-skills
Use the Appllama MCP (mcp.appllama.io) well — research real top-grossing mobile apps, their screens, flows, and UI elements, then build from what you learn. Load when the Appllama MCP is connected and the task involves building a mobile app or screen, researching app design patterns, studying onboarding/paywall/feature flows, improving an existing screen, or whenever an appllama_* / search_apps / list_app_screens tool is available. Covers the tool map, pagination, expiring media, and the full build-from-research playbooks.
2.9k124 tok idle · 1,406 in use