benchmark
Quality assessment tool for comparing design output against baselines.
Install
mkdir -p .claude/skills/benchmark && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/12349" && unzip -o skill.zip -d .claude/skills/benchmark && rm skill.zipInstalls to .claude/skills/benchmark
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Compare the current design against quality baselines. Shows where the design ranks relative to typical AI output, typical professional output, and exceptional output.Key capabilities
- →Score current design quality
- →Compare design against AI Default Output baseline
- →Compare design against Professional Baseline
- →Compare design against Exceptional Standard
- →Identify the biggest gap for improvement
How it works
The skill scores a design and compares it against predefined baselines representing typical AI, professional, and exceptional quality, then identifies the most impactful area for improvement.
Inputs & outputs
When to use benchmark
- →Benchmark design quality
- →Compare design vs standards
- →Identify UI improvements
About this skill
/benchmark — Quality Baseline Comparison
Run /score and compare results against three baselines:
AI Default Output (typical score: 35-50)
- Inter font, purple gradient, nested cards
- No type scale, arbitrary spacing, minimal motion
- No accessibility considerations
Professional Baseline (typical score: 70-80)
- Intentional font choice, cohesive palette
- Consistent spacing, responsive design
- Basic accessibility compliance
Exceptional Standard (typical score: 90+)
- Mathematical type scale, computed color system
- Perfect grid alignment, purposeful motion
- Full WCAG compliance, design system tokens
Show the current score against all three baselines. Identify the biggest gap between current and the next tier. Suggest the single highest-impact fix.
When not to use it
- →When a detailed, multi-point design critique is needed
- →When the user wants to ignore baseline comparisons
- →When the user is not interested in high-impact fixes
Limitations
- →It provides a single highest-impact fix suggestion
- →It relies on predefined baselines for comparison
- →It focuses on scoring and comparison, not detailed design generation
How it compares
This skill provides a quantitative comparison of a design against specific quality baselines and suggests a single highest-impact fix, which is more focused than a general design review.
Compared to similar skills
benchmark side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| benchmark (this skill) | 0 | 4mo | No flags | Beginner |
| ui-ux-pro-max | 1,909 | 5mo | Review | Intermediate |
| penpot-uiux-design | 27 | 6mo | Review | Advanced |
| ui-ux-designer | 41 | 4mo | No flags | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
ui-ux-pro-max
nextlevelbuilder
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
penpot-uiux-design
github
Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".
ui-ux-designer
sickn33
Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.
interactive-portfolio
davila7
Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.
paywall-upgrade-cro
davila7
When the user wants to create or optimize in-app paywalls, upgrade screens, upsell modals, or feature gates. Also use when the user mentions "paywall," "upgrade screen," "upgrade modal," "upsell," "feature gate," "convert free to paid," "freemium conversion," "trial expiration screen," "limit reached screen," "plan upgrade prompt," or "in-app pricing." Distinct from public pricing pages (see page-cro) — this skill focuses on in-product upgrade moments where the user has already experienced value.
aesthetic
mrgoonie
Create aesthetically beautiful interfaces following proven design principles. Use when building UI/UX, analyzing designs from inspiration sites, generating design images with ai-multimodal, implementing visual hierarchy and color theory, adding micro-interactions, or creating design documentation. Includes workflows for capturing and analyzing inspiration screenshots with chrome-devtools and ai-multimodal, iterative design image generation until aesthetic standards are met, and comprehensive design system guidance covering BEAUTIFUL (aesthetic principles), RIGHT (functionality/accessibility), SATISFYING (micro-interactions), and PEAK (storytelling) stages. Integrates with chrome-devtools, ai-multimodal, media-processing, ui-styling, and web-frameworks skills.