Skills
.Work. You
Rest

audit-tailwind

Community

Audit Tailwind v4 discipline to prevent drift.

Software Engineering#code-quality#tailwind#shadcn-svelte#dark-mode#frontend-audit#dynamic-classes
Authorjluckyiv
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Tailwind v4 + shadcn-svelte adoption across large codebases can drift due to dynamic class construction, incomplete interactive state coverage, and inconsistent dark mode strategies. This skill helps identify and remediate those gaps before milestones or releases.

Core Features & Use Cases

  • Detect dynamic Tailwind class names constructed at runtime and flag potential purging gaps.
  • Verify interactive elements (buttons, links, inputs, and shadcn-svelte components) have hover, disabled, and focus-visible states and consistent focus rings.
  • Audit dark mode coverage and ensure color usage adheres to token-based approaches with minimal literal colors.
  • Provide actionable findings to guide code reviews, CI checks, and pre-release QA.

Quick Start

Run the audit-tailwind script to scan your project’s UI code and generate a findings report.

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: audit-tailwind
Download link: https://github.com/jluckyiv/rivcomocktrial/archive/main.zip#audit-tailwind

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 471,000+ vetted skills library on demand.