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

0•

Design Tools

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.

Key Features

01Living style guide generation and design token management

02Automated CSS codebase audits and anti-pattern detection

03Support for Tailwind, CSS-in-JS, Sass, and native CSS Cascade Layers

04Modern layout implementation using Grid, Flexbox, and Container Queries

050 GitHub stars

06WCAG-compliant accessibility auditing for colors, motion, and structure

Use Cases

01Refactoring monolithic CSS into a modular, tokenized design system

02Ensuring project-wide visual consistency through automated style audits

03Modernizing legacy layouts with responsive, mobile-first CSS techniques

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