What problem does it solve?
Manual build and validation processes are time-consuming and prone to human error, leading to regressions, inconsistent releases, and developer frustration. This Skill automates the entire validation pipeline, providing rapid feedback and ensuring high code quality.
Core Features & Use Cases
- Comprehensive Validation: Executes a full suite of checks including token generation, contrast validation, TypeScript type checking, ESLint linting, and production builds.
- Detailed Error Analysis: Categorizes errors (token, contrast, TypeScript, ESLint, build) and provides clear root cause analysis with file and line references.
- Fix Recommendations: Suggests specific actions and references relevant skills (e.g.,
token-fix, component-fix) to resolve identified issues efficiently.
- Regression & Performance Monitoring: Detects new errors introduced by recent changes and tracks build times to identify performance bottlenecks.
- Use Case: After making changes to design tokens and components, run a full build validation to ensure no new TypeScript errors, linting issues, or accessibility contrast violations were introduced.
Quick Start
Use the build-validation skill to check the current system health and identify any issues across the entire codebase.