build-validation

Automate build workflow validation with type checking, linting, and production builds.

Updated Sep 14, 2025
One-click install
npx skills add https://github.com/Higashi-Kota/react-tailwindcss-sandbox --skill build-validation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: build-validation
Source: https://github.com/Higashi-Kota/react-tailwindcss-sandbox/tree/main/.claude/skills/build-validation
Command: npx skills add https://github.com/Higashi-Kota/react-tailwindcss-sandbox --skill build-validation

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires pnpm.

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.

Frequently Asked Questions about build-validation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate build validation across TypeScript, ESLint, and production builds?

Build validation automates a complete suite of checks including TypeScript type checking, ESLint linting, token generation, contrast validation, and production builds. Run it after code changes to catch errors, accessibility violations, and regressions before they reach CI/CD pipelines, with detailed error analysis and fix recommendations.

Can I use build validation to detect performance regressions in my CI/CD pipeline?

Yes. Build validation tracks build times and performance metrics alongside error detection, identifying bottlenecks and new performance issues introduced by recent changes. It gates CI pipelines and provides regression detection to ensure reliable releases.

What checks does build validation run on design tokens and components?

Build validation executes token generation, contrast validation for accessibility, TypeScript type checking, ESLint linting, and production builds. It categorizes errors by type, provides root cause analysis with file and line references, and recommends specific fixes.

Do I need pnpm to run build validation?

Yes. Build validation requires pnpm as a dependency to execute its validation workflow and manage the build pipeline across token generation, type checking, linting, and production builds.

How does build validation prevent manual validation errors and inconsistent releases?

Build validation automates the entire validation pipeline, eliminating manual steps prone to human error. It provides rapid feedback, consistent checks across all validation types, and detailed error analysis to ensure every release meets quality standards.