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.
UI/UX Design Skills for Claude Code, Codex & AI Agents
These skills help an agent design, critique and improve user interfaces. They cover generating layout alternatives, reviewing a screen against design rules, and fixing accessibility problems found in an audit.
73 skillsExplore UI/UX Design skills
4 skillsDesign and refine dashboards, SaaS apps and admin interfaces with deliberate hierarchy, shared tokens, complete states and reusable design memory.
Polish frontend interfaces with concrete rules for typography, nested corners, shadows, icons, hit areas and restrained motion, plus structured quick or full reviews.
Design, refine and review native SwiftUI interfaces with adaptive layouts, coherent navigation, interruptible motion and accessibility checks.
Related topics
Related guides
- Best Design Skills for AI Websites and UI Workflows
Compare AI design skills for design systems, shadcn/ui, frontend creation and interface refinement, with practical briefs to help you choose a workflow.
How to choose UI/UX Design skills
Use a critique or rules skill when you already have screens, a variants skill when you want options to compare, and an AccessLint skill when the goal is fixing accessibility issues.
- Get several alternative layouts for the same screen
- Critique a UI against spacing, hierarchy and contrast rules
- Find and fix accessibility issues in a component