Builds accessible, token-driven UI components with advanced micro-interactions and polished animations.
This skill enables Claude to construct production-ready frontend components that adhere strictly to design system tokens and accessibility standards. It specializes in creating engaging micro-interactions—such as magnetic buttons, 3D tilt cards, and scroll-triggered text effects—using industry-standard tools like Framer Motion, GSAP, and modern CSS. By enforcing 'stop gates' for design tokens and mandatory prefers-reduced-motion fallbacks, it ensures that every UI element is not only visually polished but also performant, accessible, and maintainable within a professional design system.
