Architects scalable CSS custom property systems and theme configurations for modern web applications.
This skill provides comprehensive guidance on implementing design tokens using a professional three-tier architecture: primitive, semantic, and component levels. It streamlines the creation of robust theme systems, including dark mode and system preferences, while ensuring consistent styling across component libraries. Whether you are migrating from hardcoded values, integrating with Tailwind CSS, or building a multi-theme React application, this skill ensures your design system is scalable, maintainable, and developer-friendly through standardized patterns and naming conventions.
主な機能
01Comprehensive theme system implementation (Dark, Light, and System preference)
02Standardized naming conventions and scoping best practices
