Apple Design
Apple Design is an agent skill (a SKILL.md file) from emilkowalski/skills. Apple's approach to interface design and fluid, physical motion, translated for the web. It works with Claude Code and has 49,702 GitHub stars across a repository of 14 listed skills.
github.com/emilkowalski/skills/skills/apple-design (opens in a new tab)
Data as of from the GitHub API and skills.sh; description from the skill's SKILL.md. Report an error
Add this skill
Claude
Claude Code loads skills from ~/.claude/skills/ (all projects) or .claude/skills/ (one project):
git clone --depth 1 https://github.com/emilkowalski/skills.git
cp -r skills/skills/apple-design ~/.claude/skills/apple-design # personal, or .claude/skills in a projectIn the Claude apps, zip the apple-design folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).
ChatGPT / Codex
Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:
git clone --depth 1 https://github.com/emilkowalski/skills.git
cp -r skills/skills/apple-design .agents/skills/apple-design # repo; ~/.agents/skills for all projectsStandalone skills also load in the ChatGPT desktop app.
Cursor
Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:
git clone --depth 1 https://github.com/emilkowalski/skills.git
cp -r skills/skills/apple-design .cursor/skills/apple-design # project; ~/.cursor/skills for all projectsSource (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)
What this skill does
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.
When it triggers
- Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or
More skills in emilkowalski/skills
14 skills are listed from this repository.
Emil Design Engemilkowalski/skills
Review Animationsemilkowalski/skills
Animation Vocabularyemilkowalski/skills
Improve Animationsemilkowalski/skills
Find Animation Opportunitiesemilkowalski/skills
Pick UI Libraryemilkowalski/skills
Prototypeemilkowalski/skills
Animateemilkowalski/skills
Ask Sonneremilkowalski/skills
Animate Expoemilkowalski/skills
Write Swiftemilkowalski/skills
Mobile Nativeemilkowalski/skills
Similar skills
More design & frontend skills
Vercel React Best Practices
vercel-labs/agent-skills
React and Next.js performance optimization guidelines from Vercel Engineering.
Active · last commit Aug 28, 2026
OfficialDesign & frontendJavaScriptMorph Ppt 3d
iOfficeAI/OfficeCLI
3D Morph PPT — extends morph-ppt with GLB model insertion, cinematographic camera, model-content layout, and enriched visual design system.
Active · last commit Oct 26, 2026
Design & frontendC#Hallmark
Nutlope/hallmark
Design skill for websites and new pages that look designed, not generated.
Maintained · last commit Oct 22, 2026
Design & frontendCSSFrontend Engineer
nanocoai/nanoclaw
Pro frontend engineering discipline. Enforces build-test-verify workflow for every web project.
Active · last commit Oct 26, 2026
Design & frontendTypeScriptAnti UI Slop
github/awesome-copilot
Stop coding agents from shipping generic UI.
Maintained · last commit Oct 26, 2026
OfficialDesign & frontendJavaScriptDesign System Patterns
wshobson/agents
Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.
Maintained · last commit Oct 17, 2026
Design & frontendPython
How do I install the Apple Design skill?
Copy the apple-design folder (the one containing SKILL.md) into ~/.claude/skills/ for Claude Code, .agents/skills/ for Codex or .cursor/skills/ for Cursor. The agent picks it up automatically when a task matches its description.
Is the Apple Design skill free?
Yes. The repository is open source under the MIT license.
Is Apple Design maintained?
The repository's most recent commit was on Oct 11, 2026. appsgit only lists skills from repositories with a commit in the last six months.