Skills
.Work. You
Rest

design-system-fixer

Community

Auto-fixes design tokens with build verification.

Design & Creative#automation#ui#build#fix#tokens#lint#design-system
Authortanujsutaria
Version1.0.0
Installs0

System Documentation

## What problem does it solve? This Skill automatically fixes design token violations detected by the design-system-scanner, reducing manual correction time and ensuring consistency with the design system.

## Core Features & Use Cases

  • Automated token fixes: replaces hard-coded colors, spacings, typography, and icon sizes with design-system tokens.
  • Scanner-driven workflow: consumes a design-system-scanner report to apply deterministic corrections across VitalArc/UI code.
  • Build-verified fixes: runs a build after applying changes to verify no regressions.

### Quick Start Run in dry-run mode to preview changes, then execute fixes across the VitalArc/Presentation layer using the --all flag. To target a single file, use --file=<path>.

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: design-system-fixer
Download link: https://github.com/tanujsutaria/VitalArc/archive/main.zip#design-system-fixer

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.