About
This skill transforms Claude Code from a generic UI generator into a sophisticated design architect by leveraging a curated library of over 30 distinct design systems. Whether you are building a SaaS dashboard, a creative portfolio, or a corporate landing page, the skill automatically retrieves and applies specific design tokens, typography scales, and component patterns for styles like Neo-brutalism, Modern Dark, and Bauhaus. It ensures visual consistency and high-fidelity results across any frontend framework—including React, Vue, and Next.js—while strictly following accessibility and responsive design best practices to ensure production-ready code.