code-quality-gate

Enforce automated quality checks across pre-commit, CI, preview, E2E, and production stages.

38|5|Updated Dec 18, 2025
One-click install
npx skills add https://github.com/Svenja-dev/claude-code-skills --skill code-quality-gate-svenja-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: code-quality-gate
Source: https://github.com/Svenja-dev/claude-code-skills/tree/main/skills/code-quality-gate
Command: npx skills add https://github.com/Svenja-dev/claude-code-skills --skill code-quality-gate-svenja-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enforces automated quality checks before every deploy to prevent production failures by implementing a five-stage quality gate: Pre-Commit, PR-Check, Preview Deploy, E2E, and Production.

Core Features & Use Cases

  • Pre-Commit checks: TypeScript compilation, linting, and formatting run locally before commits to catch errors early.
  • PR-Check (CI): GitHub Actions workflow runs unit tests and builds to block merges on failures.
  • Preview Deploy: Generates a visual review URL via Vercel/Netlify for stakeholder feedback.
  • E2E Tests & Performance: Playwright-based tests and Lighthouse audits on previews to verify behavior and performance.
  • Production Gate: Deployment proceeds only after all gates pass.

Quick Start

Install dependencies and set up hooks:

  • npm install -D husky lint-staged
  • npx husky install
  • Configure pre-commit to run lint-staged and TypeScript checks
  • Add a GitHub Actions workflow that runs the 5 gates on push/PR

Frequently Asked Questions about code-quality-gate

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

FAQPage Schema
How do I set up pre-commit hooks to run TypeScript checks and linting before a git push?

To set up pre-commit hooks for TypeScript checks and linting, install husky and lint-staged, initialize husky, and configure pre-commit to run lint-staged with your TypeScript compilation and formatting steps to catch errors locally before commits.

What is a multi-stage quality gate pipeline for preventing production deployment failures?

A multi-stage quality gate pipeline prevents production failures by enforcing automated checks across five stages: local pre-commit hooks, CI PR-checks, preview deployments, E2E tests, and a final production gate that only proceeds if all prior checks pass.

Can I use GitHub Actions CI to block pull request merges when TypeScript builds or unit tests fail?

Yes, you can use a GitHub Actions workflow to run unit tests and TypeScript builds on pull requests, blocking merges when failures occur. You must avoid using continue-on-error in your TypeScript checks to ensure the pipeline strictly blocks failures.

Does this automated quality gate workflow support running E2E tests and performance audits on preview deployments?

Yes, the automated quality gate workflow supports running Playwright-based E2E tests and Lighthouse performance audits on Vercel or Netlify preview deployment URLs to verify application behavior and performance before reaching production.

What is the best way to automate a rollback when production deployments fail after passing CI checks?

The best way to handle failed production deployments is to implement a rollback option within your deployment gate, ensuring that if issues slip past CI checks and E2E tests, the system can automatically revert the production environment to a stable state.

How do pre-commit hooks and CI quality gates work together in a TypeScript deployment pipeline?

Pre-commit hooks catch formatting and TypeScript compilation errors locally before code is pushed, while CI quality gates run broader unit tests and build steps on GitHub Actions, together preventing faulty code from merging or deploying to production.