quality-gate

Execute TypeScript compilation, linting, and formatting checks on generated code.

7|Updated Mar 11, 2026
One-click install
npx skills add https://github.com/kaelig/react-craft --skill quality-gate-kaelig
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: quality-gate
Source: https://github.com/kaelig/react-craft/tree/main/react-craft/skills/quality-gate
Command: npx skills add https://github.com/kaelig/react-craft --skill quality-gate-kaelig

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the final mechanical validation of generated code, ensuring it meets project standards for compilation, linting, and formatting before human review.

Core Features & Use Cases

  • TypeScript Compilation: Verifies code compiles without new errors.
  • Linting: Checks for code style violations and potential bugs.
  • Formatting: Ensures code adheres to project formatting standards.
  • Use Case: After a component is generated, this Skill runs the project's toolchain to catch any mechanical issues, preventing review cycles from being blocked by simple errors.

Quick Start

Run all quality checks on the generated component files and produce a review report.

Frequently Asked Questions about quality-gate

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

FAQPage Schema
How do I automate TypeScript compilation and linting checks before code review?

Automate TypeScript compilation, linting, and formatting checks by running validation scripts against generated code components to catch mechanical errors before human review. This ensures code adheres to project standards and prevents review cycles from being blocked by simple violations.

What is the best way to enforce formatting and style validation on generated code components?

Enforce formatting and style validation by executing project toolchain checks that identify and report new style violations. The process supports automated fixing for common issues and produces a detailed review report highlighting any deviations from project standards.

Can I automatically fix linting and formatting violations found during code quality validation?

Yes, code quality validation supports automated fixing for common linting and formatting issues. After checking generated components against project standards, the toolchain applies fixes where possible and generates a detailed report of any remaining errors or style violations.

Why should I run code quality checks before submitting generated code for review?

Run code quality checks to verify that generated code compiles without new TypeScript errors and meets linting and formatting standards. This prevents review cycles from being blocked by simple mechanical issues and ensures only compliant code reaches human reviewers.

Does the quality validation process work with existing CI/CD pipelines and project toolchains?

Yes, the validation process executes the project's existing toolchain for TypeScript compilation, linting, and formatting. It validates code against current project standards without requiring new dependencies, fitting naturally into established CI/CD pipelines.

What limitations exist when using automated fixing for code style violations?

Automated fixing addresses common linting and formatting issues but may not resolve all errors. The validation process produces a detailed review report identifying any remaining violations that require manual intervention before code can pass quality checks.