Lottie and dotLottie splash screens for React Native that play natively from app launch, before the JavaScript bundle loads.
Appllama/appllama-skills
Agent skills that teach AI coding agents to build native-quality Expo / React Native mobile screens, informed by top-grossing apps' designs.
- Stars
- 4,954
- Forks
- 250
- Open issues
- 2
- Last commit
- 2 months ago
What is it?
This repository provides two agent skills that work together for building mobile apps. appllama-usage is a research workflow for the Appllama MCP, covering how to study the screens, flows and UI patterns of top-grossing apps before designing. appllama-app-design-skill is a build guideline for Expo and React Native screens, covering Apple HIG-style controls, semantic colors, navigation behavior such as push versus replace and sheets, a motion standard, generated image assets, and a simulator-based review loop that records whole flows.
The skills are installable with the skills.sh CLI into Claude Code, Cursor, Codex and other agents. appllama-app-design-skill can be used on its own without the Appllama MCP, while the MCP connection adds access to the Appllama design library of app screens.
Key features
- 01Provides a playbook for studying top-grossing app screens and flows via the Appllama MCP.
- 02Gives native-feeling Expo / React Native build guidance with Apple HIG fidelity and semantic colors.
- 03Specifies navigation rules such as push versus replace, sheets, and screens that must not be returned to.
- 04Sets a motion standard covering when to animate and spring behavior tied to gesture velocity.
- 05Includes a simulator loop that records and reviews whole app flows frame by frame.
Use cases
- Building a new mobile app screen by screen in Expo or React Native with an AI coding agent.
- Improving an existing app screen's layout, navigation, or animations against a quality bar.
- Researching how leading apps structure onboarding or paywalls before designing your own.
Quick start
- 1
Install the skills from your project root
npx skills@latest add appllama/appllama-skills - 2
Connect the Appllama MCP endpoint in your agent and approve with your Appllama account
Things to know
- MCP access requires an Appllama Pro subscription.
- Each MCP call spends one credit from a monthly allowance.
In collections
Topics
FAQ
- What is appllama-skills?
- Agent skills that teach AI coding agents to build native-quality Expo / React Native mobile screens, informed by top-grossing apps' designs. This repository provides two agent skills that work together for building mobile apps. appllama-usage is a research workflow for the Appllama MCP, covering how to study the screens, flows and UI patterns of top-grossing apps before designing. appllama-app-design-skill is a build guideline for Expo and React Native screens, covering Apple HIG-style controls, semantic colors, navigation behavior such as push versus replace and sheets, a motion standard, generated image assets, and a simulator-based review loop that records whole flows.
- Is appllama-skills free to use? What license does it have?
- appllama-skills is open source under the MIT license. Check the license terms before using it in commercial products.
- Is appllama-skills still maintained?
- Updated within 6 months. The last commit to appllama-skills was on Sep 6, 2026.
- What can I use appllama-skills for?
- Building a new mobile app screen by screen in Expo or React Native with an AI coding agent. Improving an existing app screen's layout, navigation, or animations against a quality bar. Researching how leading apps structure onboarding or paywalls before designing your own.
- How do I install appllama-skills?
- Install the skills from your project root: npx skills@latest add appllama/appllama-skills Connect the Appllama MCP endpoint in your agent and approve with your Appllama account
- Where can I get appllama-skills?
- The source code and installation instructions are on GitHub: https://github.com/Appllama/appllama-skills
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
Cherry Studio's mobile app for iOS and Android, for chatting with multiple AI models, running agents, connecting MCP tools, and generating images.
An Agent Skill that runs Claude Design locally in Cursor, Claude Code or similar agents to produce self-contained HTML mockups, prototypes and decks.
Official AI agent skills from the Expo team that teach coding agents how to build, deploy, upgrade and debug Expo apps.
A collection of 70+ unofficial MCP servers that let AI agents search and compare Iranian websites such as Digikala, Torob, Divar and Snappfood, with prices in Toman.
Agent Skills that make coding agents design distinctive frontends, using art direction, real photos and a browser self-check instead of generic AI landing pages.