appllama-app-design-skill
Appllama/appllama-skills/skills/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.
把下面的话发给 Claude Code、Codex 或 Cursor。智能体会先检查内容,经你确认再安装。
请帮我安装这个 Agent Skill:https://github.com/Appllama/appllama-skills/tree/main/skills/appllama-app-design-skill 1. 先读取该目录下的 SKILL.md 和其他文件,检查是否有可疑内容(执行未知脚本、读取密钥、向外发送数据等),用中文告诉我它会做什么、需要哪些权限; 2. 等我确认后,再把整个目录安装到 ~/.claude/skills/appllama-app-design-skill/(如果你不是 Claude Code,安装到你自己约定的 skills 目录); 3. 安装后告诉我怎么触发它。
安装到个人 Skill 目录(对所有项目生效)。只想在当前项目用,改为 .claude/skills/。
git clone --depth 1 --filter=blob:none --sparse https://github.com/Appllama/appllama-skills.git /tmp/appllama-app-design-skill-src cd /tmp/appllama-app-design-skill-src && git sparse-checkout set "skills/appllama-app-design-skill" mkdir -p ~/.claude/skills && cp -r "skills/appllama-app-design-skill" ~/.claude/skills/appllama-app-design-skill
Skill 可以让智能体执行脚本。安装第三方 Skill 前务必看一遍内容,详见「安全」一课。
SKILL.md
在 GitHub 查看正在从 GitHub 读取……