Apple-grade design skill family for Claude Code & Codex — 9 confidence-labeled skills (HIG, Liquid Glass, motion, scrollytelling, OS surfaces, delivery, a11y) with a restraint × surface discipline. One installer links into both ~/.claude/skills and ~/.agents/skills.
s1gmamale1/apple-design-skills
Skill Claude CodeCodex
Use when reasoning about how Apple delivers and serves its experiences — the observable web delivery/infra (multi-CDN, mzstatic image-transform URLs, image formats, HLS adaptive video, caching, HTTP/2-3) and the reverse-engineered, INFERRED server-side architecture (CloudKit, APNs, StoreKit, Sign in with Apple…
s1gmamale1/apple-design-skills
Skill Claude CodeCodex
Use when choosing colors, typography, or layout/spacing for an Apple-style interface — semantic & dynamic system colors, Display P3 wide gamut, dark mode, the San Francisco type family, Dynamic Type, the 8-point grid, safe areas, and bento layouts. Part of the apple-design family. Keywords: apple color, semantic…
s1gmamale1/apple-design-skills
Skill Claude CodeCodex
Use when deciding HOW an Apple-style interface should BEHAVE — the functional UX/interaction logic, not the looks. Navigation-model decisions (push vs sheet vs modal vs tab vs popover vs split-view vs full-screen, back behavior, deep-linking, state restoration), state & feedback behavior (loading/skeleton timing…
s1gmamale1/apple-design-skills
Skill Claude CodeCodex
Use when implementing translucent glass surfaces, vibrancy/blur materials, the 2025 Liquid Glass language, app icons (the continuous-corner squircle), or SF Symbols. Part of the apple-design family. Keywords: liquid glass, vibrancy, blur, backdrop-filter, frosted glass, translucency, material, ultraThinMaterial…
s1gmamale1/apple-design-skills
Skill Claude CodeCodex
Use when animating an Apple-style interface — spring physics, the signature smooth/snappy/bouncy springs, fluid interruptible transitions, hero/continuity transitions, gestures (swipe, drag, context menu, Dynamic Island, swipe actions), haptic feedback, control/loading micro-interactions, and the web aliveness…
s1gmamale1/apple-design-skills
Skill Claude CodeCodex
Use when designing app UI for Apple operating systems — iOS/iPadOS surfaces (sheets, detents, tab bars, large titles, widgets, lock screen, Dynamic Island), macOS (windows, traffic lights, sidebars, menus, vibrancy), visionOS spatial design, watchOS (complications, Digital Crown), or the standard UIKit/SwiftUI…
s1gmamale1/apple-design-skills
Skill Claude CodeCodex
Use when you need Apple's accessibility / inclusive-design bar (VoiceOver, Dynamic Type reflow, Reduce Motion/Transparency, contrast, 44pt targets, WCAG 2.2 AA) or its marketing / persuasion / brand tactics (whitespace as luxury signal, product-as-hero photography, the confident benefit-led copy voice, pricing…
s1gmamale1/apple-design-skills
Skill Claude CodeCodex
Use when building an apple.com-style marketing/product page — the landing-page formula (sticky translucent nav, product-as-hero, full-bleed feature sections, bento grids, fat footer), scroll-driven storytelling, plus the interaction inventory that makes a flagship page feel ALIVE (continuous damped scroll-progress…
s1gmamale1/apple-design-skills
Skill Claude CodeCodex
Use when building, restyling, critiquing, or making any interface feel Apple-grade / premium / Cupertino-quality, or when you need Apple's design philosophy (Human Interface Guidelines — clarity, deference, depth), the 2025 Liquid Glass design language, or a map into deep Apple references. This is the HUB; route to…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: