design▌

../../../product-team/ui-design-system/SKILL.md

Apple Watch is a personal, glanceable device worn on the wrist. Interactions are measured in seconds, not minutes. Every design decision must prioritize speed of comprehension and brevity of interaction.

Learn to THINK, not copy SQL patterns.

Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers and stand the test of time.

A collection of design-related skills for Claude Code.

Mobile-first design prioritizes small screens as the starting point, ensuring core functionality works on all devices while leveraging larger screens for enhanced experience.

Frameworks for designing organizational structures around speed versus coherence trade-offs. \n \n Contrasts centralized models (Apple: coherent user experience through central coordination) with decentralized models (Amazon: parallel execution through autonomous teams with minimal dependencies) \n Emphasizes functional structures over divisional ones to reduce management layers, restore startup speed, and keep leaders close to actual work \n Guides users through context discovery, trade-off ide

Architects design workloads by integrating platform services, functionality, and code to meet both functional and nonfunctional requirements. To design effective workloads, you must understand these requirements and select topologies and methodologies that address the challenges of your workload's constraints. Cloud design patterns provide solutions to many common challenges.

Bridge design and engineering teams by clarifying roles, organizational placement, and hiring strategy. \n \n Defines design engineering as merging UX design with engineering to accelerate prototyping and production shipping, with scope varying from validation prototypes to production-ready code \n Emphasizes combining design sensibility with shipping ability rather than seeking unicorn-level expertise in both disciplines \n Guides organizational placement decisions, handoff friction diagnosis,

Audit UI code against Web Interface Guidelines for compliance and best practices. \n \n Fetches the latest guidelines from Vercel Labs before each review to ensure current rule compliance \n Accepts file paths or patterns as arguments; prompts for files if none specified \n Outputs findings in concise file:line format for quick identification of violations \n Covers accessibility, design patterns, and UX best practices as defined in the guidelines repository \n