skills.rest
izzoa
izzoaCOMMUNITY
Explore all skills by this author →
GitHub

ss-score

Score UI files against the StyleSeed design-language rubric.

22|1|Updated Jul 17, 2026
Search Tags:#accessibility#design review#visual hierarchy#coherence#styleseed#ui scoring
One-click install
npx skills add https://github.com/izzoa/polyrouter --skill ss-score
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ss-score
Source: https://github.com/izzoa/polyrouter/tree/main/.agents/skills/ss-score
Command: npx skills add https://github.com/izzoa/polyrouter --skill ss-score

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you judge how strong a UI file or screen is against StyleSeed's design language, turning subjective visual feedback into a numeric score with clear reasons for the score.

Core Features & Use Cases

  • Quality scoring: Assigns a 0–100 score across color, typography, layout, elevation, accessibility, motion, coherence, and distinctiveness.
  • Prioritized fixes: Identifies the worst offenders and tells you what to improve first for the biggest score gain.
  • Gatekeeping workflow: Useful for reviewing dashboards, landing pages, and component screens before shipping so low-quality first drafts do not reach users.

Quick Start

Ask the assistant to score a UI file or directory against the StyleSeed design language and return the score, breakdown, and top fixes.

Frequently Asked Questions about ss-score

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

FAQPage Schema
How do I score UI quality and identify visual hierarchy issues before release?▼

Scoring UI quality involves evaluating component screens against a design-language rubric to measure visual hierarchy, color, and accessibility. The process returns a 0–100 numeric score and highlights the prioritized issues to fix for the highest score gain.

What does a design review score measure in a UI file?▼

A design review score measures interface quality across color, typography, layout, elevation, accessibility, motion, coherence, and distinctiveness. It translates subjective visual feedback into a numeric 0–100 score with clear, evidence-based reasons.

Can I use automated UI scoring for dashboards and landing pages?▼

Yes, automated UI scoring applies to dashboards, landing pages, and component screens. It reads the target file or directory, evaluates it against a design-language rubric, and outputs a visual quality score to prevent low-quality first drafts from shipping.

How do I prioritize fixes after a visual accessibility and coherence review?▼

To prioritize fixes after a visual accessibility and coherence review, identify the worst offenders in the scoring breakdown. The evaluation explicitly surfaces the highest-impact issues, telling you exactly what to improve first for the biggest score gain.

What is the best way to gatekeep UI quality and stop low-quality first drafts?▼

The best way to gatekeep UI quality is to apply a structured design-language rubric to interface files before shipping. This evaluates typography, layout, and accessibility, returning a 0–100 score and prioritized fixes to ensure low-quality drafts do not reach users.

Related Skills

Explore More Design & Creative Skills→
sami-abdulsami-abdul
3

10-10-frontend

Run automated screenshot-driven design loops evaluating UI against a 5-criteria rubric.

Community
Advanced
legotec73legotec73

design-review

Audit live websites for visual issues and apply atomic code fixes.

Community
Advanced
guideopsguideops

artistic

Define design tokens, typography scales, and color palettes for high-contrast artistic styles.

Community
Intermediate
JCE-Joshhh77JCE-Joshhh77
16

visual-qa-rubric

Apply a 10-category visual QA rubric with 0-2 scoring to frontend UI screenshots.

Community
Intermediate