design-review

Automates website design audits for visual consistency, typography, color, spacing, layout, interaction, responsiveness, motion, content, and performance.

Updated Mar 25, 2026
One-click install
npx skills add https://github.com/JacksonZx535/kingsight --skill design-review-jacksonzx535
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/JacksonZx535/kingsight/tree/main/design-review
Command: npx skills add https://github.com/JacksonZx535/kingsight --skill design-review-jacksonzx535

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion, WebSearch, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the process of reviewing website designs for visual inconsistencies, spacing issues, hierarchy problems, and other quality concerns.

Core Features & Use Cases

  • Visual Audit: Automatically scan websites for common visual problems like spacing issues, inconsistent layouts, and typography issues.
  • Automated Fixes: Fix identified issues atomically, creating a before/after comparison.
  • Plan-Mode Review: Offers a plan-mode for design reviews before implementation.
  • Use Case: Before launching a new website or redesign, run the design-review skill to ensure it meets your exacting design standards.

Quick Start

Use the /design-review command with your website URL and scope settings to initiate a design audit.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I run an automated design audit for my website's UI/UX?

An automated design audit checks your website URL for visual consistency, typography, color contrast, spacing, layout, and responsiveness. You initiate it by providing the URL and configuring the desired audit scope settings.

What does a UI/UX inspection check for during a website quality review?

A UI/UX inspection checks for visual inconsistencies, spacing issues, hierarchy problems, typography errors, and color contrast flaws. It also evaluates interaction states, responsiveness, motion, content quality, and overall website performance.

Can I fix design inconsistencies automatically after a visual audit?

Yes, you can fix design inconsistencies automatically. The Skill applies atomic fixes to identified visual problems and generates a before/after comparison to verify the corrected layout, typography, and spacing.

Do I need a web browser to perform an automated website design review?

Yes, you need a web browser and scripting capabilities. The automated design review relies on these dependencies to scan websites, evaluate interaction states, and accurately check responsiveness across different viewports.

What is the best way to review website design standards before a launch?

The best way to review website design standards before launch is using a plan-mode review. This evaluates visual consistency and UI/UX elements prior to implementation, ensuring all design quality requirements are met.