Skills for Real Engineers. Straight from my .agents directory.
design
Agent skill fromrshankras/claude-code-apple-skills
Design skills for Apple platform UI — Liquid Glass, animations, game feel (haptics, sound, celebrations), UI prototyping, UX writing, SF Symbols, typography, and design-system rules that keep apps cheap to restyle. Use when implementing design language features, adding juice/feedback, writing interface copy, or choosing type and iconography.
How to install design
npx skills add rshankras/claude-code-apple-skills# or add only this skill to Claude Code: copy the folder
skills/design/
# into
~/.claude/skills/design/ (all projects)
.claude/skills/design/ (one project)
1# Design Skills23Skills for implementing Apple's modern design systems across platforms.45## When This Skill Activates67Use this skill when the user:8- Asks about Liquid Glass design9- Wants to implement modern Apple UI effects10- Needs guidance on visual design patterns11- Asks about materials, transparency, or blur effects12- Wants to create fluid animations13- Asks about **spring**, **bounce**, or **snappy** animations14- Wants **PhaseAnimator** or **KeyframeAnimator** help15- Needs **view transitions**, **matched geometry**, or **hero transitions**16- Wants **SF Symbol effects** (bounce, pulse, wiggle, breathe)17- Asks about **animation completions** or **withAnimation**18- Says the app feels **flat** or wants **juice/game feel** (celebrations, haptics, sound effects)19- Wants a **feedback audit** — do events reach the user on the right channels?20- Needs UX structure help: navigation clarity, discoverability, information architecture21- Is writing or reviewing interface copy, alerts, or feature names22- Asks about SF Symbols usage/authoring, fonts, Dynamic Type, or type hierarchy23- Sets up **design tokens / text styles / shared components**, adopts a designer's system, or is preparing for a **redesign**2425## Available Skills2627### liquid-glass/28Comprehensive Liquid Glass implementation for iOS 26+, macOS 26+.29- SwiftUI `.glassEffect()` API30- AppKit `NSGlassEffectView`31- GlassEffectContainer patterns32- Morphing transitions33- Interactive effects34- Button styles3536### animation-patterns/37…
Excerpt shown under the repository's MIT license.
More skills in claude-code-apple-skills
Similar skill repositories
An agentic skills framework & software development methodology that works.
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
Public repository for Agent Skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
