design-evaluation-scoring

Score visual designs across eight dimensions with quantitative feedback.

28|3|Updated Feb 22, 2026
One-click install
npx skills add https://github.com/oborchers/fractional-cto --skill design-evaluation-scoring
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-evaluation-scoring
Source: https://github.com/oborchers/fractional-cto/tree/main/visual-design-principles/skills/design-evaluation-scoring
Command: npx skills add https://github.com/oborchers/fractional-cto --skill design-evaluation-scoring

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured, research-backed methodology to objectively evaluate and score visual designs, moving beyond subjective opinions to quantifiable assessments.

Core Features & Use Cases

  • 8-Dimension Scoring: Evaluate designs across Layout, Typography, Color, Whitespace, Hierarchy, Consistency, Craftsmanship, and Expression.
  • Quantitative Assessment: Assign scores from 1-5 per dimension for a total score out of 40.
  • Use Case: When comparing two UI mockups, use this Skill to objectively score each against the 8 dimensions to determine which performs better based on established design principles.

Quick Start

Evaluate the attached design mockup using the 8-dimension scoring framework.

Frequently Asked Questions about design-evaluation-scoring

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

FAQPage Schema
How do I objectively evaluate visual design quality instead of relying on subjective opinions?

To objectively evaluate visual design quality, use an 8-dimension scoring framework assessing layout, typography, color, whitespace, hierarchy, consistency, craftsmanship, and expression. This methodology assigns quantitative scores from 1-5 per dimension, yielding a total score out of 40.

What is the best way to score UI mockups when comparing two design options?

The best way to score UI mockups is evaluating each against the 8-dimension visual design framework. Assigning 1-5 scores across layout, typography, and hierarchy provides a total out of 40, determining which mockup performs better based on empirical aesthetics research.

How does the anti-pattern checklist work for rapid design screening?

The anti-pattern checklist works by rapidly screening visual designs for common structural and aesthetic flaws before deep evaluation. It identifies measurable proxies and objective violations across dimensions like whitespace and hierarchy, enabling quick filtering of UI mockups.

Can I use this design evaluation framework for any type of digital interface?

Yes, you can use this design evaluation framework for any digital interface. The 8-dimension scoring system assesses universal visual design principles like typography, color, and consistency, making it applicable for objectively scoring various UI mockups and layouts.

What are the limitations of using quantitative scoring for aesthetic assessment?

A limitation of quantitative scoring for aesthetic assessment is that empirical proxies may not fully capture subjective brand expression or emotional resonance. However, scoring frameworks provide structured, measurable baselines for layout, hierarchy, and consistency to minimize subjective bias.

When do I need a structured scoring framework for design evaluation?

You need a structured scoring framework for design evaluation when comparing UI mockups, auditing usability, or aligning team feedback. It moves beyond subjective opinions by applying an 8-dimension quantitative assessment to produce actionable feedback for visual design improvement.