These are the two Claude skills from the reel. One gives Claude Apple's rules for how an app should look, from 123 pages of the Human Interface Guidelines. The other gives it Apple's rules for motion on the web, from Apple's WWDC design talks. Below: how to install both, and the prompts for the two ways to use them.

Look skill: github.com/dickwu/apple-design-skill Motion skill: github.com/emilkowalski/skills → apple-design

The Two Skills

• The look skill is for apps, not websites. For web UI, the motion skill is the one that applies.
• Neither makes your product "look like Apple." They make Claude follow the rules Apple published, so the spacing, type and motion decisions stop being guesses.

Heads-Up: Both Skills Are Named apple-design

Both repos declare the same skill name. Install them side by side unchanged and Claude can't tell them apart. The fix is to give each its own folder and rename one line. The steps below do that, calling them apple-look and apple-motion.

Install (Claude Code)

Requires: Claude Code and git.

1. The look skill (Apple's HIG, for apps)

git clone --depth 1 https://github.com/dickwu/apple-design-skill.git ~/.claude/skills/apple-look

2. The motion skill (Apple's WWDC talks, for the web). It lives inside a larger repo, so copy just that folder:

git clone --depth 1 https://github.com/emilkowalski/skills.git /tmp/emil-skills
cp -R /tmp/emil-skills/skills/apple-design ~/.claude/skills/apple-motion

3. Give each one its own name

# macOS
sed -i '' 's/^name: apple-design$/name: apple-look/' ~/.claude/skills/apple-look/SKILL.md
sed -i '' 's/^name: apple-design$/name: apple-motion/' ~/.claude/skills/apple-motion/SKILL.md

# Linux: same commands without the ''  →  sed -i 's/.../.../' ...

4. Check. Open a new Claude Code session and type /. You should see apple-look and apple-motion. Or just ask: "What skills do you have?"