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.