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.