# Appllama App Design Skill (agent skill)

> Appllama App Design Skill is an agent skill (a SKILL.md file) from Appllama/appllama-skills. Build native-feeling, benchmark-quality mobile app screens (Expo / React Native). It works with Claude Code, Codex and Cursor and has 2,423 GitHub stars. Install it by copying the skill folder into your agent's skills directory.

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.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/Appllama/appllama-skills |
| Skill path | skills/appllama-app-design-skill/SKILL.md |
| Skill name | appllama-app-design-skill |
| GitHub stars | 2,423 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 1 |
| Plugin marketplace | no |
| Official | yes |
| Works with | Claude Code, Codex, Cursor |
| Category | Design & frontend |
| Last commit | Sep 6, 2026 |

## When it triggers

- 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.
- 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.
- "build a screen"
- "make this screen better"
- "design the onboarding"
- "wire up this flow"
- "polish the UI"
- "make it feel native"

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/Appllama/appllama-skills.git
cp -r appllama-skills/skills/appllama-app-design-skill ~/.claude/skills/appllama-app-design-skill   # personal, or .claude/skills in a project
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/Appllama/appllama-skills.git
cp -r appllama-skills/skills/appllama-app-design-skill .agents/skills/appllama-app-design-skill   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/Appllama/appllama-skills.git
cp -r appllama-skills/skills/appllama-app-design-skill .cursor/skills/appllama-app-design-skill   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/appllama-app-design-skill
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.