소개
This skill equips Claude with a robust set of best practices for building production-grade user interfaces. It provides specialized guidance on Atomic Design organization, accessibility (A11y) compliance, and the critical distinction between Server and Client components. By implementing patterns for focus management, loading states, and form validation using industry-standard tools like React Hook Form and Zod, it ensures that your frontend code remains scalable, accessible, and maintainable.