How does it help with web accessibility?

It performs automated checks for color contrast ratios, focus indicator visibility, and motion preferences to ensure your styles meet WCAG standards.

How does Style Master integrate with other Claude Code skills?

It works with Oracle to remember project-specific style preferences and with Documentation Wizard to keep your design system documentation in sync with your code.

Can it help me migrate to a utility-first framework?

Absolutely. Style Master can analyze your existing design tokens and map them to a Tailwind configuration, helping you refactor custom CSS into utility classes.

Does Style Master work with CSS-in-JS?

Yes, Style Master is framework-agnostic and supports Vanilla CSS, Sass, Tailwind CSS, and CSS-in-JS libraries like Styled Components and Emotion.

Style Master: CSS & Design Systems

Name: Style Master: CSS & Design Systems
Author: Overlord-Z

byOverlord-Z

设计工具

Optimizes frontend styling and design systems through comprehensive CSS audits, modernization, and accessibility enforcement.

关于

Style Master is a specialized Claude Code skill designed to act as an expert frontend architect within your development environment. It systematically analyzes your codebase to identify styling patterns, generates living style guides, and implements modern CSS features like container queries and custom properties. Whether you are refactoring legacy CSS, scaling a design system with Tailwind, or ensuring WCAG accessibility compliance, Style Master provides the expert-level guidance needed to maintain beautiful, consistent, and performant user interfaces.

主要功能

Modern CSS migration including Container Queries and :has() selectors
0 GitHub stars
Automated codebase styling audits and anti-pattern detection
Accessibility compliance checks for WCAG AA/AAA standards
Performance optimization and automated unused CSS removal
Generation and maintenance of living design system documentation

使用场景

Building a scalable design system with consistent component variants and states
Auditing a legacy project to standardize inconsistent CSS patterns and design tokens
Modernizing frontend layouts using CSS Grid, Subgrid, and Flexbox best practices

关于

主要功能

Modern CSS migration including Container Queries and :has() selectors
0 GitHub stars
Automated codebase styling audits and anti-pattern detection
Accessibility compliance checks for WCAG AA/AAA standards
Performance optimization and automated unused CSS removal
Generation and maintenance of living design system documentation

使用场景

Building a scalable design system with consistent component variants and states
Auditing a legacy project to standardize inconsistent CSS patterns and design tokens
Modernizing frontend layouts using CSS Grid, Subgrid, and Flexbox best practices