style-master

Analyze frontend codebases to extract design tokens and detect styling inconsistencies.

1|Updated Nov 19, 2025
One-click install
npx skills add https://github.com/Overlord-Z/ClaudeShack --skill style-master
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: style-master
Source: https://github.com/Overlord-Z/ClaudeShack/tree/main/skills/style-master
Command: npx skills add https://github.com/Overlord-Z/ClaudeShack --skill style-master

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Style Master analyzes codebases to extract design tokens, maintain style guides, and suggest modernization and accessibility improvements, enabling consistent, high-quality frontend styling.

Core Features & Use Cases

  • Codebase analysis of styling approach and tokens
  • Living style guide generation and enforcement
  • Suggestions for modernization, performance, and accessibility
  • Framework-agnostic support (Tailwind, CSS-in-JS, Sass, etc.)

Quick Start

Example: python .claude/skills/style-master/scripts/analyze_styles.py --detailed

Frequently Asked Questions about style-master

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I diagnose and fix inconsistent CSS styling across my codebase?

Style Master analyzes your codebase to extract design tokens and identify styling inconsistencies. It detects patterns across CSS, Tailwind, CSS-in-JS, and design systems, then provides fixes to enforce consistency throughout your frontend.

Can I use this to maintain a living style guide for my design system?

Yes. Style Master generates and enforces living style guides by extracting design tokens from your code and detecting patterns. It keeps your style guide synchronized with actual implementation across any framework.

Does this tool work with Tailwind, CSS-in-JS, and other CSS frameworks?

Style Master is framework-agnostic and supports Tailwind, CSS-in-JS, Sass, and other styling approaches. It analyzes tokens and patterns regardless of which CSS framework or preprocessor your project uses.

How do I check my frontend styling for accessibility issues?

Style Master performs accessibility checks as part of codebase analysis, identifying styling problems that affect usability. It flags issues alongside consistency audits and modernization suggestions.

What modernization and performance improvements does the tool suggest?

Style Master analyzes your styling approach and recommends modernization updates and performance optimizations. Suggestions cover token-driven theming, pattern consolidation, and best practices across CSS frameworks.