Can it help me document my design system?

Yes, it can generate and maintain a living style guide that documents your design tokens, component variants, and naming conventions.

Does Style Master integrate with my existing project settings?

Absolutely. It integrates with the Oracle skill to learn your specific project preferences, such as naming methodologies (BEM) and preferred utility frameworks.

What styling frameworks does Style Master support?

Style Master is framework-agnostic, providing expert guidance for Tailwind CSS, Sass, CSS-in-JS (like Styled Components), CSS Modules, and vanilla CSS.

How does it help with web accessibility?

It checks for WCAG AA/AAA contrast ratios, ensures focus indicator visibility, respects motion preferences, and validates semantic HTML structures.

Style Master: CSS & Frontend Specialist

Name: Style Master: CSS & Frontend Specialist
Author: Overlord-Z

byOverlord-Z

设计工具

Audits frontend codebases, maintains design systems, and implements modern, accessible CSS patterns to ensure visual consistency.

关于

Style Master is a specialized Claude Code skill designed for high-end frontend engineering and design system management. It acts as a senior UI/UX architect by analyzing existing styling architectures, extracting design tokens, and generating living style guides. Whether you are migrating to Tailwind CSS, refactoring legacy Sass, or ensuring WCAG accessibility compliance, Style Master provides the expert guidance and implementation precision needed to build maintainable, high-performance user interfaces. It seamlessly integrates with project memory to respect local naming conventions and established design patterns.

主要功能

Living style guide generation and design token management
Automated CSS codebase audits and anti-pattern detection
Support for Tailwind, CSS-in-JS, Sass, and native CSS Cascade Layers
Modern layout implementation using Grid, Flexbox, and Container Queries
0 GitHub stars
WCAG-compliant accessibility auditing for colors, motion, and structure

使用场景

Refactoring monolithic CSS into a modular, tokenized design system
Ensuring project-wide visual consistency through automated style audits
Modernizing legacy layouts with responsive, mobile-first CSS techniques

关于

主要功能

Living style guide generation and design token management
Automated CSS codebase audits and anti-pattern detection
Support for Tailwind, CSS-in-JS, Sass, and native CSS Cascade Layers
Modern layout implementation using Grid, Flexbox, and Container Queries
0 GitHub stars
WCAG-compliant accessibility auditing for colors, motion, and structure

使用场景

Refactoring monolithic CSS into a modular, tokenized design system
Ensuring project-wide visual consistency through automated style audits
Modernizing legacy layouts with responsive, mobile-first CSS techniques