skills.rest
deveshkumars
deveshkumarsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-review

Audit live pages for visual QA issues and propose atomic fixes.

Updated Mar 28, 2026
Search Tags:#typography#accessibility#spacing#polish#visual-qa#design-review#ui-audit
One-click install
npx skills add https://github.com/deveshkumars/Intentra --skill design-review-deveshkumars
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/deveshkumars/Intentra/tree/main/design-review
Command: npx skills add https://github.com/deveshkumars/Intentra --skill design-review-deveshkumars

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual QA is often skipped or inconsistent across pages, leading to misaligned typography, spacing issues, and slow interactions that degrade user experience.

Core Features & Use Cases

  • Designer's eye QA: identify visual inconsistencies, spacing issues, typography problems, AI slop patterns, and slow interactions.
  • Plan-mode design review: audit before implementation to guide the team's design polish.
  • Atomic fixes: apply changes in source with small commits and verify with before/after screenshots.

Quick Start

Describe a live page audit and run the plan-design-review workflow to start iterative design 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 a live web page?▼

A visual QA audit identifies spacing, typography, and interaction issues on a live page. The review proposes fixes and verifies them using before and after screenshots with atomic commits.

What is a plan-mode design review for UI polish?▼

A plan-mode design review audits visual inconsistencies and AI slop patterns before implementation. It identifies typography and spacing issues upfront to guide iterative design fixes.

Can I apply source code fixes and verify them with screenshots?▼

Yes, you can apply source code fixes through small atomic commits. The workflow verifies observable design improvements by comparing before and after screenshots of the updated UI.

Does a UI audit check for accessibility and typography issues?▼

Yes, a UI audit checks for accessibility and typography issues along with spacing inconsistencies. It reviews the specified page scope to identify slow interactions and AI slop patterns.

What's the best way to fix visual inconsistencies across multiple pages?▼

The best way to fix visual inconsistencies is auditing the specified page scope and applying atomic commits. This ensures changes are implemented with observable design improvements and verifiable evidence.

Related Skills

Explore More Design & Creative Skills→
Ronin15Ronin15
14

hammer-benchmark-regression

Compare SDL3 HammerEngine metrics against baselines to flag performance regressions.

Community
Intermediate
zzxtbetazzxtbeta

design-review

Audit live UI designs for visual inconsistencies and fix them with atomic commits.

Community
Advanced
AnsteorraAnsteorra
6

web-design-reviewer

Inspect website design issues and apply source-level fixes with Playwright.

Official
Advanced
winstonkoh87winstonkoh87
558

visual-verify-ui

Capture multi-viewport screenshots and compare DOM states for visual regression testing.

Community
Intermediate