Repolode
Appllama

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. 1

    Install the skills from your project root

    npx skills@latest add appllama/appllama-skills
  2. 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