skills.rest
CarbeneAI
CarbeneAICOMMUNITY
Explore all skills by this author →
Website𝕏@CarbeneAIGitHub

design-review

Detect visual QA issues in live UI and document atomic fixes.

9|1|Updated Apr 16, 2026
Search Tags:#screenshots#visual-qa#design-review#ui-audit#commit-tracking#design-polish
One-click install
npx skills add https://github.com/CarbeneAI/Forge --skill design-review-carbeneai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/CarbeneAI/Forge/tree/main/.claude/skills/design-review
Command: npx skills add https://github.com/CarbeneAI/Forge --skill design-review-carbeneai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designer's eye QA is needed to catch visual inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions. Forge design workflows require iteratively fixing issues in source code, committing each fix atomically, and re-verifying with before/after screenshots. This skill guides designers and engineers through a repeatable, audit-driven optimization process, including plan-mode reviews when hard decisions precede implementation.

Core Features & Use Cases

  • Visual QA audit across pages to detect misalignment, typography, contrast, and spacing issues.
  • Atomic fixes in source code with before/after verification and commit traceability.
  • Plan-mode design review guidance to validate concepts before fabrication.
  • Proactive design polish suggestions when users mention visual inconsistencies or polish goals.
  • Contextual guidance to drive design improvements in live projects.

Quick Start

Run a design-audit on the target page and request before/after screenshots with fixes.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I run a visual QA audit on my live UI?▼

A visual QA audit detects alignment, spacing, typography, and hierarchy inconsistencies across your live UI. It guides you through iterative source code fixes with before/after screenshot verification and commit traceability.

What is the best way to fix visual inconsistencies and track changes in source code?▼

Fix visual inconsistencies by applying atomic fixes in source code. This ensures each adjustment is committed individually with before/after verification and commit traceability, producing measurable visual polish outputs.

Can I use plan-mode for design review before implementation?▼

Yes, plan-mode design review validates concepts before fabrication. It provides guidance for hard decisions preceding implementation, ensuring design polish goals are conceptually sound before you apply atomic source code fixes.

Does visual QA detect slow interactions and spacing issues on a single page?▼

Yes, visual QA detects slow interactions alongside spacing, alignment, and typography issues. It applies to focused page audits by documenting visual inconsistencies and guiding targeted design improvements with before/after screenshots.

What outputs do I get from a UI audit for design polish?▼

A UI audit for design polish produces measurable outputs including before/after screenshots and commit records. These outputs verify that atomic source code fixes successfully resolved detected visual inconsistencies.

Related Skills

Explore More Design & Creative Skills→
parisgroup-aiparisgroup-ai
1

design-critic

Analyze and auto-fix visual design issues in web applications.

Official
Advanced
GenEducationGenEducation

design-review

Detect visual inconsistencies, spacing, hierarchy, and slow interactions in live web pages.

Official
Advanced
m19803261706m19803261706

cx-fix

Investigate, fix, test, and commit code changes with conventional commits.

Community
Intermediate
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

ui-visual-validator

Validate UI modifications for visual regression, compliance, and accessibility.

Community
Advanced