frontend-critique

Critique frontend implementations against requirements and trigger rebuilds on issues.

Updated Jan 5, 2026

Search Tags:#typescript #testing #accessibility #frontend #react #qa #review

Ready to run

npx skills add https://github.com/clode-labs/aramb-skills --skill frontend-critique

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-critique
Source: https://github.com/clode-labs/aramb-skills/tree/main/frontend-critique
Command: npx skills add https://github.com/clode-labs/aramb-skills --skill frontend-critique

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend teams often struggle to ensure UI accuracy, accessibility, and behavior align with requirements across components. This skill provides a rigorous, repeatable review that catches regressions and enforces quality standards.

Core Features & Use Cases

UI component review: verifies visual and interactive correctness against the specification.
Functional validation: tests core flows and edge cases to ensure expected behavior.
Accessibility checks: confirms keyboard navigation, ARIA attributes, and color contrast meet guidelines.
Rebuild trigger: emits actionable feedback to prompt a rebuild when issues are found.
Use Case: As a frontend engineer, you run this critique after a feature completes to validate acceptance criteria before handoff.

Quick Start

Run the critique on the latest build artifacts and provide a concise verdict on pass/fail and suggested fixes.

Frequently Asked Questions about frontend-critique

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

FAQPage Schema

How do I run a structured QA critique on my React frontend implementation?▼

Frontend QA critique validates UI components, functional behavior, accessibility, and test coverage against your original requirements to catch regressions and enforce quality standards before handoff.

What does accessibility validation for frontend components check?▼

Accessibility validation checks keyboard navigation, ARIA attributes, and color contrast to confirm your UI components meet established guidelines and reproducible validation standards.

How do I validate UI accuracy and behavior against requirements after a feature completes?▼

You validate UI accuracy by running a critique against build artifacts and user expectations, which tests core flows, edge cases, and visual correctness to ensure expected behavior.

Can I trigger a rebuild automatically when frontend test coverage or visual checks fail?▼

Yes, the critique emits actionable feedback to prompt a rebuild automatically when issues are found in UI components, accessibility checks, or functional validation during the review.

Does this frontend review work with TypeScript and React projects?▼

Yes, the frontend critique supports TypeScript and React projects by analyzing build artifacts, validating test coverage, and verifying interactive correctness against your specification.