skills.rest
mr-daedalium
mr-daedaliumCOMMUNITY
Explore all skills by this author →
Website𝕏@daedaliumGitHub

design-review

Audit UI design quality for visual inconsistencies, spacing issues, and hierarchy problems.

107|19|Updated Mar 23, 2026
Search Tags:#typography#accessibility#design-system#spacing#design-review#ui-polish#visual-audit
One-click install
npx skills add https://github.com/mr-daedalium/ostack --skill design-review-mr-daedalium
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/mr-daedalium/ostack/tree/main/design-review
Command: npx skills add https://github.com/mr-daedalium/ostack --skill design-review-mr-daedalium

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This design-review process identifies visual inconsistencies, spacing issues, and hierarchy problems, enabling iterative polish and reliable handoffs.

Core Features & Use Cases

  • Visual QA to fix spacing, typography, color, and alignment.
  • Plan-mode design review before implementation with concrete fixes and before/after verification.
  • Evidence-driven workflow that documents issues, suggested changes, and validation results.

Quick Start

Navigate to the page you want audited and run the design-review skill to generate a visual audit and proposed 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 audit to fix UI spacing and hierarchy issues?▼

To run a visual audit, navigate to the page you want reviewed and execute the design-review skill to identify visual inconsistencies, spacing issues, and hierarchy problems. The skill generates concrete fixes and before/after evidence for iterative polish.

What is a plan-mode design review for pre-release designs?▼

A plan-mode design review audits UI design quality before implementation, enforcing structured checks to fix spacing, typography, color, and alignment. It provides actionable guidance and captures before/after verification for reliable handoffs.

Can I use this visual audit on both desktop and mobile design systems?▼

Yes, you can apply this visual audit to live sites, design systems, and pre-release designs across both desktop and mobile platforms. It enforces structured checks to fix visual inconsistencies, spacing, and hierarchy issues.

What's the best way to fix typography and accessibility issues in my UI?▼

The best way to fix typography and accessibility issues is to run a structured visual QA audit that identifies hierarchy problems. The audit recommends concrete design improvements with actionable guidance and captures before/after evidence.

How does an evidence-driven design review workflow document UI polish?▼

An evidence-driven design review workflow documents UI polish by capturing visual inconsistencies, suggested changes, and validation results. It records before/after evidence to ensure reliable handoffs and iterative improvements.

Related Skills

Explore More Design & Creative Skills→
shekerkammashekerkamma

design-review

Audit live web interfaces for visual inconsistencies and fix them atomically.

Community
Advanced
BFLabsAIBFLabsAI

supabase-postgres-best-practices

Identify and prioritize Postgres performance improvements for Supabase deployments.

Community
Advanced
Elliot-TangSElliot-TangS
1

normalize

Normalize UI features to design system tokens and component patterns.

Community
Advanced
htafollahtafolla
5

ui-ux-design

Design mobile-first user interfaces with WCAG 2.1 AA accessibility compliance.

Community
Advanced