jaw-drop-ui-audit

Audit application interfaces for visual design and interaction craft.

1|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/jongensutrecht/demo-ai-stack --skill jaw-drop-ui-audit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: jaw-drop-ui-audit
Source: https://github.com/jongensutrecht/demo-ai-stack/tree/main/lars%20skills/jaw-drop-ui-audit
Command: npx skills add https://github.com/jongensutrecht/demo-ai-stack --skill jaw-drop-ui-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you judge whether an interface feels genuinely crafted or merely functional by producing a brutally honest, evidence-backed UI/UX audit from a senior designer perspective.

Core Features & Use Cases

  • Craft-Level Evaluation: Reviews hierarchy, typography, spacing, color, depth, component consistency, motion, responsiveness, accessibility, and overall vibe.
  • Evidence-Backed Critique: Grounds every claim in screenshots, code details, token usage, and concrete layout observations instead of vague taste.
  • Transformation Planning: Ends with a practical 10/10 plan that shows which design moves will most improve the product.
  • Use Case: Use it when a product looks technically correct but still feels generic, dense, or not ready to impress a top-tier designer.

Quick Start

Use the jaw-drop-ui-audit skill to analyze the provided app or repository and deliver a brutally honest craft audit with a concrete path to 10/10.

Frequently Asked Questions about jaw-drop-ui-audit

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

FAQPage Schema
How do I run a UI audit on an interface that looks functional but feels generic?

To run a UI audit on a generic-looking interface, evaluate visual hierarchy, typography, spacing, and motion using screenshot-backed evidence and code inspection. The process grounds every critique in concrete layout observations and token usage rather than vague taste.

What is a craft-level UX review and when do I need one?

A craft-level UX review judges whether an interface is genuinely crafted or merely functional by analyzing hierarchy, depth, component consistency, and responsiveness. You need one when a product looks technically correct but still feels dense or unready to impress a senior designer.

Can I audit responsive design and accessibility using repository codebases?

Yes, you can audit responsive design and accessibility directly within repository codebases by inspecting layout code and analyzing design token usage. This approach grounds the visual evaluation in concrete code details to assess true interaction craft and component consistency.

What is the best way to get an evidence-backed critique of my application's visual hierarchy?

The best way to get an evidence-backed critique of visual hierarchy is to analyze screenshots alongside code details and token usage. This grounds every design claim in concrete layout observations instead of subjective opinions to ensure actionable feedback.

How do I create a 10/10 transformation plan after a design system audit?

To create a 10/10 transformation plan after a design system audit, identify the specific design moves that will most improve the product and outline concrete proof points. This plan provides a practical path to elevate the overall design direction and interaction craft.

Why does my UI look technically correct but still fail a senior designer's visual hierarchy review?

A UI can look technically correct but fail a visual hierarchy review due to poor spacing, inconsistent typography, or lack of depth and motion. A senior designer audit identifies these missing craft-level details by inspecting layout code and analyzing token usage.