appllama-skills
Two skills for building mobile screens at top-app quality: studying real screens through the Appllama MCP and a strict bar for native Expo and React Native UI
- 5,161 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Generates and edits mobile app code
- The research skill makes network calls to the Appllama MCP
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/appllama-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Generates and edits mobile app code
- The research skill makes network calls to the Appllama MCP
This is third-party code. Review the repository files before installing.
What it does
A package of two skills. appllama-usage explains how to study screens of top-grossing apps through the Appllama MCP: search by category, break down onboarding and paywalls, extract patterns before building. appllama-app-design-skill sets the bar for building native screens in Expo and React Native: Apple HIG fidelity, semantic colors, native controls, navigation rules (push and replace, modals and sheets, one-way screens with no back), restrained Reanimated motion and a simulator loop that records the whole flow. The design skill works without the MCP, while the research skill needs the Appllama MCP connected.
Who it is for. For developers and designers building mobile apps in Expo and React Native.
Good fit when
- You want to build a screen or flow from patterns of strong apps in the category
- You want to bring mobile UI to a native feel: navigation, motion, dark mode
- You want to study competitors' onboarding and paywalls before building your own
Not a fit when
- The project is not Expo or React Native
- You only need one-off advice without installing skills
Example request
Build a habit tracker, study the top apps in this category first and take every screen to a simulator comparisonLimitations
The appllama-usage skill runs through the Appllama MCP at mcp.appllama.io: access is part of the paid Pro plan and every call spends a credit. The MCP server is hosted by the vendor and needs an Appllama account, and may be unreachable from Russia without a VPN. The design skill is self-contained and does not need the MCP. The Appllama name and logo are trademarks; the MIT license does not grant rights to them.
How to disable. Remove the skill folders from the agent's skills directory and disable the Appllama MCP connector in the client settings.
FAQ
Is the MCP required?
No. The appllama-app-design-skill gives the native build bar without the MCP. The MCP is needed by appllama-usage for studying real screens.
How much is MCP access?
Appllama MCP access is part of the Pro plan, credits reset on the 1st of each month, and the get_credits call is free.
How are appllama-skills different from ordinary mobile design skills?
A package of two skills. appllama-usage explains how to study screens of top-grossing apps through Appllama MCP: search by category, analyze onboarding and paywalls. The second sets a strict bar for native layout in Expo and SwiftUI.
Do I need Appllama MCP and how do I install appllama-skills?
npx skills add appllama/appllama-skills installs the skills into Claude Code, Cursor and Codex. Studying other apps' screens goes through Appllama MCP, check access terms on the service site.
Discussion
No questions or reviews yet.
Related
SkillsA Claude Code skill that builds Expo mobile apps with onboarding, paid subscriptions, AdMob ads, analytics and localization.
A skill for designing mobile app screens: five steps, the 60/30/10 rule, an 8-pixel grid and industry conventions
Expo's official agent skills: building, deploying, updating and debugging Expo and EAS apps
Animations, gestures, on-device AI, audio and live video: 10 Software Mansion skills teach the agent React Native patterns.
Evan Bacon's skill teaches an agent to add widgets, App Clips, Safari extensions and other native Apple targets to an Expo app
A Claude Code skill that designs and builds a questionnaire-style app onboarding flow modeled on subscription apps
README in short
The README presents the package as a pair of skills over the Appllama library of real screens from top-grossing apps. usage turns the library into a research method through the Appllama MCP, and design sets the bar for native Expo and React Native builds verified in the simulator. It installs in one command through the Skills CLI and works with Claude Code, Cursor, Codex and other agents. The MCP connects as a connector and is part of the paid Pro plan. MIT licensed.
README badge
Original SKILL.md
--- name: appllama-app-design-skill description: 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. license: MIT metadata: author: Appllama (appllama.io) version: 1.3.0 --- # Appllama App Design Skill You are building screens that will sit on a phone next to the best-designed apps in the world. The user will compare your output to those apps within seconds of launching it. This skill defines the bar and the method for clearing it.