CtrlK
BlogDocsLog inGet started
Tessl Logo

ui-ux-pro-max

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.

75

1.37x
Quality

70%

Does it follow best practices?

Impact

74%

1.37x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./data/0-ui-ux-pro-max/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

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.

The description excels at specificity and trigger term coverage, providing an impressively comprehensive catalog of capabilities, frameworks, design styles, and UI elements. However, it reads more like a keyword index than a coherent skill description, lacking an explicit 'Use when...' clause that would help Claude know precisely when to select this skill. The extremely broad scope also risks overlapping with other frontend or web development skills.

Suggestions

Add an explicit 'Use when...' clause, e.g., 'Use when the user asks to design, build, or improve UI/UX for web or mobile applications, or when they mention specific design styles, component styling, or visual design decisions.'

Narrow the scope or add boundary language to reduce conflict risk with general frontend development skills, e.g., clarify that this skill focuses on visual design decisions and UI aesthetics rather than business logic or backend concerns.

DimensionReasoningScore

Specificity

The description lists numerous specific concrete actions (plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check), specific project types (website, landing page, dashboard, admin panel, e-commerce, SaaS), specific UI elements (button, modal, navbar, sidebar, card, table, form, chart), and specific design styles (glassmorphism, claymorphism, minimalism, brutalism, neumorphism). This is highly specific and comprehensive.

3 / 3

Completeness

The description thoroughly answers 'what does this do' with extensive lists of capabilities, actions, project types, elements, and styles. However, it lacks an explicit 'Use when...' clause or equivalent trigger guidance telling Claude when to select this skill, which per the rubric caps completeness at 2.

2 / 3

Trigger Term Quality

Excellent coverage of natural terms users would say: 'landing page', 'dashboard', 'dark mode', 'responsive', 'button', 'modal', 'navbar', 'color palette', 'accessibility', 'animation', 'typography', 'font pairing', file extensions like '.html', '.tsx', '.vue', '.svelte', and framework names like React, Next.js, Vue, Svelte, Flutter. These are all terms users would naturally use when requesting UI/UX help.

3 / 3

Distinctiveness Conflict Risk

While the UI/UX focus with specific design styles and frameworks provides some distinctiveness, the extremely broad scope (covering React, Vue, Svelte, mobile apps, websites, dashboards, code review, optimization) could easily overlap with general web development skills, frontend framework skills, or code review skills. The breadth actually increases conflict risk rather than reducing it.

2 / 3

Total

10

/

12

Passed

Implementation

64%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This is a functional and actionable skill with clear CLI-based workflows and concrete examples. Its main weaknesses are verbosity (inline reference tables and rules that could be externalized) and missing validation checkpoints in the workflow—there's no error recovery guidance if the Python script fails or returns unexpected results. The pre-delivery checklist is a nice touch but would benefit from being a separate file given the skill's length.

Suggestions

Add validation/error handling steps to the workflow: check that search.py exits successfully, handle missing Python gracefully, and verify the design system output before proceeding to implementation.

Move the 'Common Rules for Professional UI' and 'Pre-Delivery Checklist' sections into separate referenced files (e.g., RULES.md, CHECKLIST.md) to reduce the main skill's token footprint.

Remove the 'Tips for Better Results' section—these are generic search tips that Claude can infer, and they add ~10 lines of low-value content.

DimensionReasoningScore

Conciseness

The skill is quite long (~300 lines) with some redundancy—the 'Quick Reference' section overlaps with what the search tool returns, the 'Tips for Better Results' section is somewhat obvious, and the 'Common Rules' tables cover things Claude largely knows. However, the CLI usage patterns and workflow steps are genuinely useful and not padded with basic concept explanations.

2 / 3

Actionability

Provides fully executable bash commands with concrete examples, specific flag usage, domain tables, and a complete end-to-end workflow example. The CLI invocations are copy-paste ready with real arguments and expected outputs described.

3 / 3

Workflow Clarity

The 4-step workflow is clearly sequenced and the design system generation is marked as REQUIRED. However, there are no validation/verification steps—no guidance on checking if the search.py script succeeded, no error handling for missing Python or failed searches, and the pre-delivery checklist is manual rather than integrated into the workflow with explicit checkpoints.

2 / 3

Progressive Disclosure

The content is well-structured with clear headers and tables, but it's monolithic—the Common Rules tables, Pre-Delivery Checklist, and detailed Search Reference could be split into separate files. No bundle files were provided to reference, yet the skill references scripts/search.py and CSV files without linking to supporting documentation files.

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.

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository
majiayu000/claude-skill-registry-data
Reviewed

Table of Contents

Is this your skill?

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.