UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). 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. Integrations: shadcn/ui MCP for component search and examples.
74
68%
Does it follow best practices?
Impact
74%
1.37xAverage score across 3 eval scenarios
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./skills/data/0-ui-ux-pro-max/SKILL.mdQuality
Discovery
75%Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.
This description excels at listing specific capabilities, technologies, and natural trigger terms, making it very rich in keywords for skill matching. However, it reads more like a keyword dump than a structured description, and critically lacks an explicit 'Use when...' clause that would help Claude know precisely when to select this skill. The extremely broad scope also creates potential overlap with other frontend/web development skills.
Suggestions
Add an explicit 'Use when...' clause, e.g., 'Use when the user asks about UI/UX design, styling, visual design patterns, or building frontend interfaces with specific design aesthetics.'
Consider narrowing or prioritizing the scope to reduce conflict risk with general frontend development skills — emphasize the design intelligence and aesthetic aspects that distinguish this from a generic coding skill.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | The description lists extensive concrete actions (plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check), specific project types, UI elements, design styles, and technology stacks. It is highly specific about what it can do. | 3 / 3 |
Completeness | The description thoroughly answers 'what does this do' with extensive lists of actions, projects, elements, styles, and topics. However, it lacks an explicit 'Use when...' clause or equivalent trigger guidance, which per the rubric caps completeness at 2. | 2 / 3 |
Trigger Term Quality | Excellent coverage of natural terms users would say: 'website', 'landing page', 'dashboard', 'button', 'modal', 'navbar', 'dark mode', 'responsive', 'color palette', 'accessibility', 'animation', 'typography', file extensions like '.html', '.tsx', '.vue', '.svelte', and framework names like React, Next.js, Vue, Svelte, Flutter. These are highly natural search terms. | 3 / 3 |
Distinctiveness Conflict Risk | While the UI/UX design focus with specific styles and design patterns creates some distinctiveness, the extremely broad scope (covering React, Vue, Svelte, mobile apps, websites, dashboards, code review, refactoring) means it could easily overlap with general web development, frontend coding, or framework-specific skills. | 2 / 3 |
Total | 10 / 12 Passed |
Implementation
62%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
The skill provides an excellent actionable workflow with clear sequencing and concrete executable commands for a CLI-based design system tool. However, it is significantly over-verbose, restating many UI/UX best practices Claude already knows (accessibility rules, hover states, contrast ratios) and including extensive inline reference tables that should be split into separate files. The content would benefit greatly from aggressive trimming and progressive disclosure via external references.
Suggestions
Remove or drastically condense the 'Quick Reference' section (rules 1-8) and 'Common Rules for Professional UI' — these restate basic UI/UX knowledge Claude already has. Keep only project-specific or non-obvious rules.
Move the 'Search Reference' tables (Available Domains, Available Stacks) and 'Pre-Delivery Checklist' into separate referenced files (e.g., REFERENCE.md, CHECKLIST.md) to reduce the main skill's token footprint.
Remove the Python installation prerequisites section — Claude knows how to install Python and can determine the user's OS contextually.
Consolidate the 'Tips for Better Results' section into the workflow steps where they're relevant rather than as a separate section.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The skill is extremely verbose at ~300+ lines. It includes extensive reference tables, tips sections, and common rules that Claude already knows (e.g., accessibility basics, cursor-pointer on clickable elements, alt text for images). The 'Common Rules for Professional UI' section largely restates well-known best practices. The Quick Reference section duplicates knowledge Claude has. Much of this could be dramatically condensed. | 1 / 3 |
Actionability | The skill provides fully executable bash commands with concrete examples, clear flag usage, and specific workflows. The search.py commands are copy-paste ready with real example queries and expected outputs. The step-by-step workflow with actual commands is highly actionable. | 3 / 3 |
Workflow Clarity | The 4-step workflow is clearly sequenced with explicit ordering (Step 1 → Step 2 → Step 3 → Step 4). Step 2 is marked as REQUIRED, there's a pre-delivery checklist serving as validation, and the hierarchical retrieval pattern includes clear decision logic (check page file → override or use master). The example workflow demonstrates the complete process end-to-end. | 3 / 3 |
Progressive Disclosure | The skill has reasonable section structure with headers and tables, but it's a monolithic document that could benefit from splitting. The extensive reference tables (Available Domains, Available Stacks, Common Rules, Pre-Delivery Checklist) could be in separate referenced files. No external file references are used despite the content length warranting them. | 2 / 3 |
Total | 9 / 12 Passed |
Validation
100%Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.
Validation — 11 / 11 Passed
Validation for skill structure
No warnings or errors.
632759f
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.