Skills
.Work. You
Rest

style-audit

Community

Enforce consistent styling across the app.

Design & Creative#consistency#css#style#audit#tailwind#glassmorphism#design-system
AuthorMichal-J-Kolodziej
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The app styling is inconsistent across screens and components, leading to a fragmented user experience. This Skill provides a systematic audit to detect deviations in spacing, typography, colors, borders, glassmorphism, and component patterns, and to propose actionable fixes to unify the design language.

Core Features & Use Cases

  • Scans codebases (src/components/ and src/routes/) for canonical design tokens and patterns.
  • Produces a prioritized Fix Plan and a STYLE_AUDIT.md with categorized deviations (Critical/Major/Minor/Intentional) and a verification checklist.
  • Supports scoped audits with arguments like [scope: full | spacing | typography | colors | glass | component-name] and can be integrated into maintenance cycles after feature work.

Quick Start

Run the style-audit command to start scanning your codebase for styling deviations and generate a prioritized fix plan.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: style-audit
Download link: https://github.com/Michal-J-Kolodziej/WalkWithMe/archive/main.zip#style-audit

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.