skills.rest
SMOrchestra-ai
SMOrchestra-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ux-frontend-scorer

Score frontend UX across eight dimensions and output a structured scorecard.

Updated Aug 23, 2026
Search Tags:#accessibility#a11y#frontend#ux#design-system#rtl#score
One-click install
npx skills add https://github.com/SMOrchestra-ai/smorch-dist --skill ux-frontend-scorer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-frontend-scorer
Source: https://github.com/SMOrchestra-ai/smorch-dist/tree/main/plugins/smorch-dev-scoring/skills/ux-frontend-scorer
Command: npx skills add https://github.com/SMOrchestra-ai/smorch-dist --skill ux-frontend-scorer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Frontend teams struggle to objectively assess UX quality across multiple dimensions, leading to inconsistent user experiences and missed usability issues.

Core Features & Use Cases

  • Automated scoring across 8 UX dimensions including Visual Hierarchy, Responsive Layout, Component Architecture, Interaction Design, Accessibility, RTL/Bilingual Support, Design System Consistency, Frontend Performance.
  • Triggers on common prompts like "score UX", "rate the frontend", "UI quality check", "UX scorecard", "is the frontend solid", "design quality review", "frontend audit" to generate a structured report.
  • On-demand checks and references are available to auditors and design reviews.

Quick Start

Run the ux-frontend-scorer on your frontend project to generate a full UX scorecard and improvement recommendations.

Frequently Asked Questions about ux-frontend-scorer

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

FAQPage Schema
How do I score frontend UX quality for a web application?▼

You can score frontend UX quality by evaluating your web application across eight dimensions including visual hierarchy, accessibility, and component architecture. This generates a structured scorecard with per-dimension scores and actionable recommendations.

What dimensions are evaluated in a frontend UX audit?▼

A frontend UX audit evaluates eight dimensions: visual hierarchy, responsive layout, component architecture, interaction design, accessibility, RTL/bilingual support, design system consistency, and frontend performance.

Can I run a UX scorecard check on a React or Vue project?▼

Yes, you can run a UX scorecard check on React, Vue, or similar frameworks. The evaluation requires a measurable frontend surface with components and layouts to produce structured scoring.

Does the frontend UX evaluation include accessibility and RTL support?▼

Yes, the evaluation explicitly includes both accessibility and RTL/bilingual support as dedicated dimensions within the overall UX scorecard, ensuring comprehensive coverage of inclusive design metrics.

How do I quantify design system consistency during a UI quality check?▼

Design system consistency is quantified as one of eight scoring dimensions during the UI quality check. It evaluates component adherence to generate a structured scorecard with actionable improvement recommendations.

What do I need to generate a structured UX scorecard for a design review?▼

You need a measurable frontend surface containing components, layouts, and accessibility implementations. The evaluation then outputs a structured scorecard with per-dimension scores and actionable recommendations for your design review.

Related Skills

Explore More Design & Creative Skills→
seokan-jeongseokan-jeong
8

team-shinchan:frontend

Automate frontend task delivery for UI components, styling, and accessibility in React, Vue, or HTML/CSS.

Community
Intermediate
putrawitamaputrawitama
1

plan-design-review

Rate design plans across eight dimensions with a structured scorecard.

Community
Advanced
MeechYourGoalsMeechYourGoals
2

chravel-ui-consistency

Audit Chravel's user interface for visual consistency and design system adherence.

Community
Intermediate
involvexinvolvex

application-performance-performance-optimization

Coordinate specialized agents to profile, tune, and load test application performance.

Community
Advanced