Professional UI Design Standards

This skill provides a rigorous framework for Claude to build production-grade interfaces by enforcing strict design token usage, semantic markup, and responsive layouts. It bridges the gap between basic styling and professional 'S-Tier' SaaS aesthetics—reminiscent of Stripe or Linear—by providing clear rules for component states, layout logic using CSS Grid, and mobile-first responsiveness. It ensures every interface created is accessible, performant, and maintains a single source of truth for design variables.

主要功能

使用场景