skills.rest
clode-labs
clode-labsOFFICIAL
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/clode-labs/aramb-skills --skill frontend-critique
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
VMAFxVMAFx
3

build-vmaf

Build libvmaf with Meson and Ninja across cpu, cuda, sycl, and hip backends.

Official
Advanced
darkroomengineeringdarkroomengineering
41

review

Review TypeScript, React, and architecture for quality, security, and correctness issues.

Official
Advanced
thktthkt
11

test

Execute project tests and analyze code coverage with package managers and linters.

Community
Intermediate
kensauruskensaurus
8

accessibility-audit

Identify and remediate accessibility issues for WCAG compliance in web applications.

Community
Advanced