quality-gate

Audit code quality across ten UI categories and verify build integrity.

1|Updated Mar 21, 2026
One-click install
npx skills add https://github.com/cmbays/mokumo --skill quality-gate-cmbays
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: quality-gate
Source: https://github.com/cmbays/mokumo/tree/main/.claude/skills/quality-gate
Command: npx skills add https://github.com/cmbays/mokumo --skill quality-gate-cmbays

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the process of auditing code against a predefined quality checklist, ensuring consistency and adherence to standards before deployment.

Core Features & Use Cases

  • Comprehensive Checklist Audits: Evaluates code against 10 categories including visual hierarchy, spacing, typography, color usage, accessibility, and more.
  • Build Process Verification: Confirms that TypeScript compilation, linting, and build processes pass without errors.
  • Structured Reporting: Generates a detailed pass/warn/fail report for each audited screen, highlighting specific issues and suggested fixes.
  • Use Case: After completing a new feature's UI, run this Skill to automatically check for visual regressions, accessibility issues, and build errors, ensuring a high-quality release.

Quick Start

Run the quality-gate skill to audit the 'UserProfile' screen.

Frequently Asked Questions about quality-gate

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

FAQPage Schema
How do I audit frontend code quality before deployment?

Automated frontend code quality audits check your UI against a 10-category checklist covering visual hierarchy, spacing, typography, color, accessibility, and density. This Skill generates a structured pass/warn/fail report with actionable fixes.

What is included in a frontend build verification checklist?

A frontend build verification checklist confirms TypeScript compilation, linting, and build processes pass without errors. This Skill verifies build integrity alongside visual accessibility audits to ensure high-quality releases.

How do I run an accessibility audit on a specific UI screen?

Run this Skill and specify the target screen like 'UserProfile' to perform an accessibility audit. It evaluates accessibility, interactivity, states, and visual hierarchy, returning a detailed report highlighting issues with suggested fixes.

Can I check for visual regressions and accessibility issues automatically?

You can automatically check for visual regressions and accessibility issues by running this Skill after completing a feature's UI. It audits code against predefined standards across 10 categories, outputting structured pass/warn/fail results.

What is the best way to verify TypeScript compilation and linting pass without errors?

Using an automated build verification tool is the best way to verify TypeScript compilation and linting pass without errors. This Skill confirms build integrity and generates a structured report detailing any failures with specific notes.

What categories are covered in a comprehensive frontend code quality audit?

A comprehensive frontend code quality audit covers 10 categories: visual hierarchy, spacing, typography, color, interactivity, icons, animation, states, accessibility, and density. This Skill evaluates code against all these standards simultaneously.