design-review

Audit frontend code for visual design issues and generate atomic fixes with before/after evidence.

Updated Apr 12, 2026
One-click install
npx skills add https://github.com/himes19/pulsevolt-infra --skill design-review-himes19
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/himes19/pulsevolt-infra/tree/main/skills/gstack/design-review
Command: npx skills add https://github.com/himes19/pulsevolt-infra --skill design-review-himes19

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design audit of existing code. Same methodology as plan-design-review, but applies fixes directly with atomic commits and before/after evidence. Use when asked to audit the visual design of implemented code.

Core Features & Use Cases

  • Audit the frontend codebase across the eight design dimensions: Information Architecture, Interaction Design, Visual Hierarchy, Consistency, Accessibility, Responsiveness, Performance, and Delight.
  • Propose and implement fixes as atomic commits with before/after evidence, ensuring traceability.
  • Produce a design-scorecard that mirrors the plan-design-review scoring with before/after results to guide decisions.

Quick Start

Audit a frontend codebase to identify visual design issues and generate atomic fixes with before/after evidence.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I audit frontend code for visual design issues?

A frontend design audit evaluates your codebase across eight dimensions: information architecture, interaction design, visual hierarchy, consistency, accessibility, responsiveness, performance, and delight. It generates atomic fixes with before/after evidence and an action-oriented scorecard.

What is included in a UI design consistency and accessibility review?

A UI consistency and accessibility review examines your frontend code to identify mismatches in visual hierarchy, interaction patterns, and accessibility compliance. This Skill documents those visual design issues and produces a design scorecard with actionable remediation options.

How do I fix UI design problems found during a frontend audit?

Fixing UI design problems found during a frontend audit involves generating atomic commits that implement remediation options with before/after evidence. This Skill applies fixes directly to the codebase and tracks traceable improvements for each design dimension.

Does this design review generate before and after evidence for fixes?

Yes, this design review generates before and after evidence for fixes. It produces an action-oriented scorecard and implements atomic commits to ensure traceability for all visual design remediation actions applied to the codebase.

Can I use this frontend audit for existing code without a design system?

Yes, you can use this frontend audit for existing code without a design system. It evaluates implemented code across consistency, visual hierarchy, and accessibility to document issues and propose fixes, independent of any pre-existing design-system framework.