css-design-tdd

Installation
SKILL.md

CSS Design System TDD

Overview

Apply TDD principles to CSS design system work:

  1. RED: Run checks that reveal current issues
  2. GREEN: Fix CSS to pass checks
  3. REFACTOR: Verify no regressions, clean up

Available Checks

1. Undefined Variable Check

Find CSS variables used but never defined:

# Extract all var(--name) usages
grep -rhoE 'var\(--[a-zA-Z0-9-]+' src/**/*.css | sort -u | sed 's/var(//' > /tmp/css-vars-used.txt
Related skills

More from xiaolai/vmark

Installs
54
Repository
xiaolai/vmark
GitHub Stars
326
First Seen
Feb 15, 2026