styleseed-design-review

Review React, Tailwind, and HTML interfaces against a design rubric.

22|1|Updated Jul 17, 2026
One-click install
npx skills add https://github.com/izzoa/polyrouter --skill styleseed-design-review
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: styleseed-design-review
Source: https://github.com/izzoa/polyrouter/tree/main/.agents/skills/styleseed-design-review
Command: npx skills add https://github.com/izzoa/polyrouter --skill styleseed-design-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you diagnose why a UI feels unfinished, generic, or "AI-generated" and turn that vague impression into a concrete, prioritized design review.

Core Features & Use Cases

  • Evidence-based critique: Reviews React, Tailwind, and HTML interfaces against a structured rubric so you can see exactly which design choices are working and which are hurting polish.
  • Scored feedback: Produces a 0–100 design score with category breakdowns for coherence, color, hierarchy, spacing, states, writing, and motion.
  • Actionable fixes: Returns a ranked list of improvements focused on the highest score gain, useful before shipping a dashboard, landing page, or app screen.

Quick Start

Ask the skill to review the UI file or directory and return a scored breakdown with the highest-impact fixes.

Frequently Asked Questions about styleseed-design-review

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

FAQPage Schema
Why does my React UI look generic and how can I identify specific design flaws?

A UI design critique reviews React and Tailwind code against a structured rubric to identify why interfaces appear generic or unfinished, scoring coherence, color, and spacing to pinpoint specific design flaws.

How do I get a design score and prioritized fixes for my Tailwind interface?

You can get a 0–100 design score for a Tailwind interface by running a UI review that evaluates color discipline, typography, and states, returning a ranked list of prioritized fixes for the highest score gain.

Can I use this design review tool on plain HTML screens before shipping?

Yes, this design review tool works on plain HTML screens, applying a concrete rubric to evaluate hierarchy, UX writing, and motion, returning actionable fix guidance before you ship a dashboard or landing page.

What does a UI design critique evaluate besides visual styling?

Beyond visual styling, a UI design critique evaluates interactive states, UX writing, and motion coherence against a structured rubric, producing a scored breakdown to ensure your interface feels polished and consistent.

Does this design review approach require any specific UI component libraries to work?

No, this design review approach requires no specific UI component libraries or dependencies, allowing you to directly evaluate React, Tailwind, or HTML code structures for generic patterns and inconsistencies.

When should I avoid using an automated design critique for my app screen?

You should avoid using an automated design critique when your app screen requires subjective brand expression or highly custom motion design, as the review focuses on structured rubric scoring for coherence and consistency.