Test-driven CSS design system modifications. Run checks before/after CSS changes to verify token usage, variable definitions, fallbacks, and consistency. Use when modifying CSS tokens, fixing design inconsistencies, or auditing CSS architecture.
Quickly install css-design-tdd AI skill to your development environment via command line
Source: xiaolai/vmark.
Undefined Variable Check Find CSS variables used but never defined:
Missing Fallback Check Find var(--name) without fallbacks in container blocks:
Hardcoded Color Check Find hex/rgba colors that should be tokens:
Test-driven CSS design system modifications. Run checks before/after CSS changes to verify token usage, variable definitions, fallbacks, and consistency. Use when modifying CSS tokens, fixing design inconsistencies, or auditing CSS architecture. Source: xiaolai/vmark.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/xiaolai/vmark --skill css-design-tddTest-driven CSS design system modifications. Run checks before/after CSS changes to verify token usage, variable definitions, fallbacks, and consistency. Use when modifying CSS tokens, fixing design inconsistencies, or auditing CSS architecture. Source: xiaolai/vmark.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/xiaolai/vmark --skill css-design-tdd Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/xiaolai/vmark