skills.rest
NewEarthAI
NewEarthAICOMMUNITY
Explore all skills by this author →
GitHub

design-review

Review UI/UX designs against NewEarth Design Suite standards with priority-weighted rules.

Updated Aug 23, 2026
Search Tags:#UX audit#design critique#UI/UX review#brand standards#NewEarth Design Suite
One-click install
npx skills add https://github.com/NewEarthAI/vibecode-project-template --skill design-review-newearthai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/NewEarthAI/vibecode-project-template/tree/main/.claude/skills/design-review
Command: npx skills add https://github.com/NewEarthAI/vibecode-project-template --skill design-review-newearthai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires web-fetch, bash, grep, glob, read, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive review of UI/UX designs, ensuring they meet NewEarth Design Suite standards and best practices.

Core Features & Use Cases

  • Multi-Layered Review: Evaluates designs against three layers of the NewEarth Design Suite: identity, anti-slop overlay, and house specialty skills.
  • Priority-Weighted Rules: Applies numeric thresholds for contrast ratios, touch targets, and layout shifts.
  • Iterative Loop: Allows for a screenshot → fix → verify process to refine the design iteratively.
  • Use Case: When you need a detailed critique of a UI/UX design against NewEarth brand standards, use this Skill to ensure your design meets all necessary criteria.

Quick Start

Run the design-review skill on the URL of your website to get a detailed review.

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 UI/UX review on my website?▼

A UI/UX review evaluates your design against NewEarth Design Suite standards, applying priority-weighted rules for contrast ratios, touch targets, and layout shifts. It assesses brand identity, anti-slop overlay, and house specialty skills to generate a detailed critique.

What inputs does a UI/UX design critique support?▼

A UI/UX design critique supports live URLs, screenshots, Figma links, and code paths as valid inputs. This allows you to evaluate both deployed websites and in-progress design assets directly within the review workflow.

Do I need specific files to get a full stack UI/UX audit?▼

Yes, a full stack UI/UX audit requires access to PRODUCT.md, DESIGN.md, and design-taste-frontend SKILL.md. These files supply the brand standards and product context needed to accurately grade your design against the NewEarth Design Suite.

Can I verify UI fixes iteratively after a design review?▼

Yes, you can verify UI fixes iteratively using the screenshot, fix, and verify loop. This process allows you to capture a new screenshot after applying changes and re-run the critique to confirm the design meets the required brand standards.

What accessibility thresholds are checked during a UX audit?▼

A UX audit checks numeric thresholds for contrast ratios, touch targets, and layout shifts. These priority-weighted rules ensure your design meets accessibility standards and maintains visual consistency across the interface.

Related Skills

Explore More Design & Creative Skills→
yasim-doneryasim-doner

impeccable

Coordinate frontend UI design workflows with DESIGN.md and product tokens.

Community
Advanced
vnmoorthyvnmoorthy
2

design-review

Audit and fix visual design issues in UI components with atomic commits.

Community
Advanced
mikersaysmikersays

issue-new

Automate GitHub issue filing and update INDEX.md documentation.

Community
Intermediate
SheTieJunSheTieJun
8

android-accessibility

Audit Jetpack Compose UIs for accessibility gaps and remediation steps.

Community
Advanced