skills.rest
giljae
giljaeCOMMUNITY
Explore all skills by this author →
Website𝕏@giljaeGitHub

design-review

Analyze live websites for visual inconsistencies and hierarchy issues.

1|Updated Apr 5, 2026
Search Tags:#UI design#style analysis#visual audit#website optimization#layout consistency
One-click install
npx skills add https://github.com/giljae/gstack-antigravity --skill design-review-giljae
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/giljae/gstack-antigravity/tree/main/gstack-origin/design-review
Command: npx skills add https://github.com/giljae/gstack-antigravity --skill design-review-giljae

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Visual inconsistencies, spacing issues, and weak hierarchy undermine a website's professionalism; this Skill provides precise assessments and fixes to elevate design clarity.

Core Features & Use Cases

  • Visual Audit: Conducts detailed visual inspections of live sites to identify layout, typography, and color inconsistencies.
  • Design System Extraction: Analyzes rendered styles to derive fonts, colors, spacing, and hierarchy, establishing a baseline for consistency.
  • Quick Start: Input your website URL, and this Skill will perform a comprehensive visual review to improve your site's aesthetics and usability.

Quick Start

Provide the site URL, and this Skill will open it, take screenshots, analyze design elements, and suggest improvements automatically.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I perform a visual audit of my website to identify design inconsistencies?▼

A visual audit evaluates typography, spacing, color use, and visual flow by extracting styles and DOM structure from live websites to diagnose aesthetic flaws and hierarchy issues.

What is the best way to analyze layout consistency across multi-page website environments?▼

Analyzing layout consistency requires executing style and layout scripts to extract measurements and DOM structure, ensuring precise diagnosis of hierarchy issues across complex multi-page environments.

How do I extract design system elements like fonts and colors from a live website?▼

Design system extraction analyzes rendered styles to derive fonts, colors, spacing, and hierarchy, establishing a baseline for UI refinement and branding consistency.

Can I get UI design recommendations by just providing a website URL?▼

Yes, providing a site URL allows automated opening, screenshot capture, design element analysis, and generation of suggested improvements for aesthetics and usability.

What website optimization issues does a structural analysis of visual flow target?▼

Structural analysis targets weak hierarchy, spacing issues, and visual inconsistencies that undermine professionalism, providing precise assessments and fixes to elevate design clarity.

Related Skills

Explore More Design & Creative Skills→
lucasloutayflucasloutayf

browser-testing-with-devtools

Diagnose browser-rendered issues by inspecting real-time DOM, console, and network data.

Community
Advanced
ProLeadApptProLeadAppt

design-audit

Identify visual design inconsistencies and deliver a phased audit plan referencing DESIGN_SYSTEM tokens.

Community
Advanced
richardaumrichardaum

design-review

Evaluate UI design implementation for visual hierarchy, consistency, responsiveness, and accessibility.

Community
Advanced
BURHANDEV-ENTERPRISEBURHANDEV-ENTERPRISE

mop-ui-clone

Extract HTML structure, CSS design tokens, and 3D assets from websites.

Official
Advanced