skills.rest
RepairYourTech
RepairYourTechCOMMUNITY
Explore all skills by this author →
GitHub

frontend-verification

Audit frontend code for 75+ design quality and accessibility issues.

6|1|Updated Feb 27, 2026
Search Tags:#code quality#automation#accessibility#frontend#design system#ux audit
One-click install
npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill frontend-verification
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-verification
Source: https://github.com/RepairYourTech/cfsa-antigravity/tree/main/.agent/skill-library/surface/web/frontend-verification
Command: npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill frontend-verification

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the process of auditing frontend code for design quality and adherence to best practices, preventing visual and usability issues from reaching production.

Core Features & Use Cases

  • Automated UX Audits: Runs 75+ checks across psychology, typography, color, animation, and accessibility.
  • Blocking Gate: Acts as a mandatory checkpoint during frontend implementation and phase validation.
  • Use Case: After implementing a new UI component, run this audit to ensure it meets accessibility standards and follows established design principles before merging the code.

Quick Start

Run the UX audit script on the 'src/components/UserProfile/' directory.

Frequently Asked Questions about frontend-verification

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

FAQPage Schema
How do I automate frontend UX audits in a CI/CD pipeline?▼

Automated frontend UX audits run via a Python script that performs deterministic checks on specified file paths. Integrating this script as a blocking gate during implementation and validation pipeline stages prevents usability issues from reaching production.

What frontend design and accessibility issues can an automated UX scanner detect?▼

An automated UX scanner detects over 75 design quality issues across psychology, typography, visual effects, color systems, animation, motion graphics, and accessibility to ensure frontend code meets established design principles.

Can I run accessibility checks on a specific UI component directory?▼

Accessibility checks run deterministically on specified file paths. You can execute the audit script targeting a specific directory like 'src/components/UserProfile/' to validate UI components before merging code.

Does the frontend verification audit support code quality checks for color systems and typography?▼

The frontend verification audit supports code quality checks for color systems and typography. It evaluates visual effects and motion graphics alongside accessibility to enforce comprehensive design standards.

When do I need an automated UX audit for frontend code?▼

An automated UX audit is needed after implementing new UI components. Running design quality checks before merging code ensures adherence to accessibility standards and prevents visual usability issues from reaching production.

What are the limitations of using a deterministic script for UX audits?▼

Deterministic scripts provide consistent automated checks but do not capture subjective design nuances. The audit focuses on predefined rules for typography, color, and accessibility rather than dynamic user testing or runtime interactions.

Related Skills

Explore More Design & Creative Skills→
Fantasia1999Fantasia1999

ci-cd-pipeline-builder

Generate GitHub Actions and GitLab CI pipelines from detected repository stacks.

Community
Advanced
meta-pytorchmeta-pytorch
2.5k

pre-submit-pr

Automate pre-submit PR validation with linting, tests, and RFC analysis.

Official
Intermediate
murphytruemanmurphytrueman
155

cicd-integration

Generate CI/CD pipeline configurations for design system quality checks.

Community
Advanced
georgekhananaevgeorgekhananaev
27

uiux-toolkit

Evaluate UX quality across design systems with structured audit frameworks.

Community
Advanced