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

0•

Design Tools

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.

Key Features

01Modern CSS migration including Container Queries and :has() selectors

020 GitHub stars

03Automated codebase styling audits and anti-pattern detection

04Accessibility compliance checks for WCAG AA/AAA standards

05Performance optimization and automated unused CSS removal

06Generation and maintenance of living design system documentation

Use Cases

01Building a scalable design system with consistent component variants and states

02Auditing a legacy project to standardize inconsistent CSS patterns and design tokens

03Modernizing frontend layouts using CSS Grid, Subgrid, and Flexbox best practices

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add overlord-z/claudeshack style-master

For use in Claude.ai and ChatGPT

Download Skill