style-master

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

1|Updated Nov 19, 2025

Search Tags:#accessibility #frontend #css #animation #style-guide #design-tokens

Ready to run

npx skills add https://github.com/Overlord-Z/ClaudeShack --skill style-master

💬 Prompt for ChatGPT / Claude Chat▼

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.