Will this skill change my website's branding?

No. The skill is strictly constrained to maintain your existing color palettes, font choices, and visual identity. It focuses on usability, hierarchy, and consistency rather than stylistic redesigns.

How does the 10-expert panel work?

The skill spawns 10 parallel AI sub-agents using Claude's Task tool. Each agent is prompted with the specific philosophy and heuristics of a design legend (e.g., Jakob Nielsen, Steve Krug) to critique your UI code.

Can it automatically fix the issues it finds?

Yes. After presenting the prioritized report, you can instruct the skill to apply fixes for high-impact issues, medium-impact issues, or specific findings you select.

What tech stacks does the UX Review skill support?

It is framework-agnostic and identifies common UI file types including React (TSX/JSX), Vue, Svelte, HTML, CSS, and Ruby on Rails (ERB) by reading your project's structure.

Does it review my entire project at once?

To save tokens and improve accuracy, it uses a scope-first approach. It targets specific components you name or identifies recently modified files via git to ensure the review is relevant and cost-effective.

Expert UI/UX Review Panel

Name: Expert UI/UX Review Panel
Author: noodlemind

bynoodlemind

0•

디자인 도구

Performs comprehensive UI/UX audits by spawning a panel of 10 world-class design expert personas to identify and fix usability issues.

This skill transforms Claude into a sophisticated design review board by spawning 10 parallel sub-agents, each embodying a legendary design expert such as Dieter Rams, Don Norman, and Jakob Nielsen. It analyzes your codebase for usability friction, accessibility gaps, and interface inconsistencies, providing a prioritized action plan categorized by impact. Beyond just auditing, it can automatically implement fixes while adhering to your existing design system, ensuring responsive layouts and dark mode compatibility without altering your core brand identity or introducing new frameworks.

주요 기능

01Non-Destructive Refinement: Fixes UI issues without changing themes, fonts, or visual identity.

02Parallel Sub-Agent Architecture: Rapidly analyzes code across 10 independent perspectives simultaneously.

030 GitHub stars

0410-Expert Simulation: Leverages personas of design legends for multi-faceted, professional reviews.

05Scope-First Architecture: Focuses reviews on specific components or recent git changes to optimize token usage.

06Automated Synthesis: Deduplicates findings and prioritizes them by severity, expert consensus, and effort.

사용 사례

01Auditing a new feature for usability and accessibility before a production release.

02Standardizing responsive behavior and dark mode compatibility across legacy UI components.

03Streamlining complex dashboard interfaces to reduce cognitive load and clutter.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add noodlemind/nanodex-marketplace ux-review

For use in Claude.ai and ChatGPT

주요 기능

01Non-Destructive Refinement: Fixes UI issues without changing themes, fonts, or visual identity.

02Parallel Sub-Agent Architecture: Rapidly analyzes code across 10 independent perspectives simultaneously.

030 GitHub stars

0410-Expert Simulation: Leverages personas of design legends for multi-faceted, professional reviews.

05Scope-First Architecture: Focuses reviews on specific components or recent git changes to optimize token usage.

06Automated Synthesis: Deduplicates findings and prioritizes them by severity, expert consensus, and effort.

사용 사례

01Auditing a new feature for usability and accessibility before a production release.

02Standardizing responsive behavior and dark mode compatibility across legacy UI components.

03Streamlining complex dashboard interfaces to reduce cognitive load and clutter.