Individual skill

appllama-app-design-skill

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.

skills/appllama-app-design-skill/SKILL.md

Read pinned source

Source commit dd5caaec3d5d50ad7fc0324da238119c6b7c3707

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: Yes
Skill scan complete: Yes
Observed behavior: Instructions only
Last checked: Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

Claude Code

Destination .claude/skills/appllama-app-design-skill

(
  set -euo pipefail
  destination='./.claude/skills/appllama-app-design-skill'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/Appllama/appllama-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach dd5caaec3d5d50ad7fc0324da238119c6b7c3707
  git -C "$work/repo" archive --format=tar 'dd5caaec3d5d50ad7fc0324da238119c6b7c3707:skills/appllama-app-design-skill' > "$work/skill.tar"
  mkdir -p -- './.claude/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Codex

Destination .agents/skills/appllama-app-design-skill

(
  set -euo pipefail
  destination='./.agents/skills/appllama-app-design-skill'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/Appllama/appllama-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach dd5caaec3d5d50ad7fc0324da238119c6b7c3707
  git -C "$work/repo" archive --format=tar 'dd5caaec3d5d50ad7fc0324da238119c6b7c3707:skills/appllama-app-design-skill' > "$work/skill.tar"
  mkdir -p -- './.agents/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Cursor

Destination .cursor/skills/appllama-app-design-skill

(
  set -euo pipefail
  destination='./.cursor/skills/appllama-app-design-skill'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/Appllama/appllama-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach dd5caaec3d5d50ad7fc0324da238119c6b7c3707
  git -C "$work/repo" archive --format=tar 'dd5caaec3d5d50ad7fc0324da238119c6b7c3707:skills/appllama-app-design-skill' > "$work/skill.tar"
  mkdir -p -- './.cursor/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Gemini CLI

Destination .gemini/skills/appllama-app-design-skill

(
  set -euo pipefail
  destination='./.gemini/skills/appllama-app-design-skill'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/Appllama/appllama-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach dd5caaec3d5d50ad7fc0324da238119c6b7c3707
  git -C "$work/repo" archive --format=tar 'dd5caaec3d5d50ad7fc0324da238119c6b7c3707:skills/appllama-app-design-skill' > "$work/skill.tar"
  mkdir -p -- './.gemini/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

GitHub Copilot

Destination .github/skills/appllama-app-design-skill

(
  set -euo pipefail
  destination='./.github/skills/appllama-app-design-skill'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/Appllama/appllama-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach dd5caaec3d5d50ad7fc0324da238119c6b7c3707
  git -C "$work/repo" archive --format=tar 'dd5caaec3d5d50ad7fc0324da238119c6b7c3707:skills/appllama-app-design-skill' > "$work/skill.tar"
  mkdir -p -- './.github/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

OpenCode

Destination .opencode/skills/appllama-app-design-skill

(
  set -euo pipefail
  destination='./.opencode/skills/appllama-app-design-skill'
  if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
  work=$(mktemp -d)
  trap 'rm -rf -- "$work"' EXIT
  git clone --filter=blob:none --no-checkout -- 'https://github.com/Appllama/appllama-skills.git' "$work/repo"
  git -C "$work/repo" checkout --detach dd5caaec3d5d50ad7fc0324da238119c6b7c3707
  git -C "$work/repo" archive --format=tar 'dd5caaec3d5d50ad7fc0324da238119c6b7c3707:skills/appllama-app-design-skill' > "$work/skill.tar"
  mkdir -p -- './.opencode/skills'
  mkdir -- "$destination"
  tar -xf "$work/skill.tar" -C "$destination"
)

Repository context

Repository stars (not skill ratings): 4,981
Repository last updated: Sep 6, 2026
License: MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

agent-skills Repository topic
ai-agents Repository topic
claude Repository topic
claude-code Repository topic
claude-code-skill Repository topic
claude-skills Repository topic
codex Repository topic
codex-skill Repository topic
cursor Repository topic
design-system Repository topic
design Derived category
operations Derived category
engineering Derived category
design-interface Derived category
engineering-web Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 20,220 bytes
references/image-assets.mddoc · 3,622 bytes
references/motion.mddoc · 4,469 bytes
references/native-controls.mddoc · 4,565 bytes
references/performance.mddoc · 3,293 bytes
references/simulator-loop.mddoc · 3,971 bytes

Read excerpt


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

## The Prime Directive: study before you draw

Never design a screen from imagination when you can study how top apps solved
the same screen. Real, shipping, revenue-ranked apps encode thousands of hours
of design iteration and A/B testing. Your first move on any screen is research:

1. If the **Appllama MCP** is connected, pull real screens for the category and
   screen type you are building (see the `appllama-usage` skill for the exact