Agent skill · Frontend

design

Design skills for Apple platform UI — Liquid Glass, animations, game feel (haptics, sound, celebrations), UI prototyping, UX writing, SF Symbols, and typography. Use when implementing design language features, adding juice/feedback, writing interface copy, or choosing type and iconography.

rshankrasgithub.com/rshankrasGitHub ↗
claude-codecan modify filesMIT
Install
npx skills add rshankras/claude-code-apple-skills --skill design --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 16
SKILL.md size: 4 KB
Bundled scripts: none
Allowed tools: ReadWriteEditGlobGrepAskUserQuestion
Path: skills/design/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 589
Language: Swift

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Design Skills Skills for implementing Apple's modern design systems across platforms. ## When This Skill Activates Use this skill when the user: - Asks about Liquid Glass design - Wants to implement modern Apple UI effects - Needs guidance on visual design patterns - Asks about materials, transparency, or blur effects - Wants to create fluid animations - Asks about **spring**, **bounce**, or **snappy** animations - Wants **PhaseAnimator** or **KeyframeAnimator** help - Needs **view transitions**, **matched geometry**, or **hero transitions** - Wants **SF Symbol effects** (bounce, pulse, wiggle, breathe) - Asks about **animation completions** or **withAnimation** - Says the app feels **flat** or wants **juice/game feel** (celebrations, haptics, sound effects) - Wants a **feedback audit** — do events reach the user on the right channels? - Needs UX structure help: navigation clarity, discoverability, information architecture - Is writing or reviewing interface copy, alerts, or feature names - Asks about SF Symbols usage/authoring, fonts, Dynamic Type, or type hierarchy ## Available Skills ### liquid-glass/ Comprehensive Liquid Glass implementation for iOS 26+, macOS 26+. - SwiftUI

What's inside
Steps it walks through
  1. When This Skill Activates
  2. Available Skills
  3. liquid-glass/
  4. animation-patterns/
  5. game-feel/
  6. ui-prototyping/
  7. ux-writing/
  8. sf-symbols/
  9. typography/
  10. Key Principles
  11. 1. Platform Consistency
  12. 2. Performance
  13. 3. Visual Hierarchy
  14. Reference Documentation
Ships with 15 files
  • animation-patterns/SKILL.md
  • animation-patterns/core-animations.md
  • animation-patterns/phase-keyframe-animators.md
  • animation-patterns/symbol-effects.md
  • animation-patterns/transitions.md
  • animation-patterns/visual-effects.md
  • game-feel/SKILL.md
  • game-feel/feedback-audit.md
  • game-feel/haptic-design.md
  • game-feel/sound-design.md
  • liquid-glass/SKILL.md
  • sf-symbols/SKILL.md
  • typography/SKILL.md
  • ui-prototyping/SKILL.md
  • ux-writing/SKILL.md
More from claude-code-apple-skills
All skills →
About this skill
What does the design skill do?

Design skills for Apple platform UI — Liquid Glass, animations, game feel (haptics, sound, celebrations), UI prototyping, UX writing, SF Symbols, and typography. Use when implementing design language features, adding juice/feedback, writing interface copy, or choosing type and iconography.

How do I install it?

Run `npx skills add rshankras/claude-code-apple-skills --skill design --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From rshankras/claude-code-apple-skills, a repository with 589 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going