skills.rest
howdeploy
howdeployCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit UI for visual inconsistencies, spacing issues, and typographic hierarchy.

15|1|Updated Apr 4, 2026
Search Tags:#typography#spacing#design-review#frontend-design#visual-hierarchy#ui-polish#visual-audit
One-click install
npx skills add https://github.com/howdeploy/NekoFree --skill design-review-howdeploy
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/howdeploy/NekoFree/tree/main/skills/design-review
Command: npx skills add https://github.com/howdeploy/NekoFree --skill design-review-howdeploy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audit UI for visual inconsistencies, spacing issues, and typographic hierarchy to improve clarity and perceived quality.

Core Features & Use Cases

  • Visual QA: identify visual inconsistencies, spacing, typography, and hierarchy problems.
  • Iterative fixes: apply changes in source code, commit fixes atomically, and re-verfiy results with before/after screenshots.
  • Plan-mode support: use /plan-design-review for plan-mode design review before implementation.

Quick Start

Ask me to audit your site's UI and I will find visual issues, propose fixes, and verify changes with before/after screenshots.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I audit UI for visual inconsistencies and spacing issues?▼

You can audit UI for visual inconsistencies by running an automated review across live sites and source code. The process identifies spacing, typography, and visual hierarchy problems to improve overall clarity and perceived quality.

How does a visual hierarchy audit work with existing design tokens?▼

A visual hierarchy audit integrates with existing design tokens, CSS, and component libraries to evaluate your interface. This ensures repeatable polish by identifying typographic and spacing deviations directly against your established design system.

Can I fix frontend design issues and re-verify changes with screenshots?▼

Yes, you can fix frontend design issues by applying changes directly in source code and committing them atomically. The workflow re-verifies results by capturing before/after screenshots to confirm the visual fixes.

What is a plan-mode design review before implementation?▼

A plan-mode design review is a workflow that proposes visual fixes before any code changes are applied. It allows you to evaluate UI polish strategies and typographic hierarchy adjustments without immediately modifying the source.

Does UI polish work with component libraries and live sites?▼

Yes, UI polish workflows operate effectively across both live sites and source code. They integrate directly with existing component libraries and CSS to identify visual inconsistencies and apply repeatable fixes.

Related Skills

Explore More Design & Creative Skills→
concept2cureconcept2cure

design-tokens

Generate CSS variable and Tailwind design tokens for light and dark modes.

Community
Advanced
InverterNetworkInverterNetwork

dogfood

Navigate web pages and interact with DOM elements for exploratory QA testing.

Official
Advanced
nholder88nholder88
2

ui-ux-review

Evaluate frontend UI against design-system rules for consistency and accessibility.

Community
Advanced
ShmurdocShmurdoc

design-review

Automates UI visual audits and fixes identified issues in source code.

Community
Advanced