CtrlK
BlogDocsLog inGet started
Tessl Logo

ui-ux-pro-max

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.

55

Quality

62%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

Fix and improve this skill with Tessl

tessl review fix ./.claude/skills/ui-ux-pro-max/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

42%

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

The skill demonstrates deep domain expertise with highly actionable CLI commands and comprehensive design guidance, but critically fails at conciseness and progressive disclosure. At 500+ lines with inline reference tables containing 99+ UX rules, 25+ chart guidelines, and repeated checklists, it consumes enormous context window space. The content would be far more effective split into a concise SKILL.md overview pointing to separate reference files for each domain's detailed rules.

Suggestions

Move the Quick Reference sections (§1-§10 with 99+ rules) into separate reference files (e.g., rules/accessibility.md, rules/animation.md) and keep only the priority table with 1-2 line summaries in SKILL.md.

Remove the Python installation instructions and 'When to Apply' Must Use/Recommended/Skip sections — Claude can determine applicability and knows how to install Python.

Consolidate the duplicate checklists: the 'Common Rules for Professional UI' section and 'Pre-Delivery Checklist' heavily overlap with Quick Reference §1-§9; keep one concise checklist and reference the detailed rules.

Add a validation step after Step 2 (design system generation) to verify the output contains all required dimensions before proceeding, and add error recovery guidance for when search results are insufficient.

DimensionReasoningScore

Conciseness

The skill is extremely verbose at 500+ lines. It explains concepts Claude already knows (what Python is, how to install it on different OSes, what product types are), repeats information across multiple sections (the Quick Reference duplicates the Pre-Delivery Checklist, Common Rules section repeats Quick Reference items), and includes massive tables that could be in referenced files. The 'When to Apply' section with Must Use/Recommended/Skip is unnecessary padding.

1 / 3

Actionability

The skill provides fully executable CLI commands with concrete examples, specific parameter flags, and clear expected outputs. The workflow steps include copy-paste ready bash commands, and the scenario-to-action mapping table gives precise starting points for different user requests.

3 / 3

Workflow Clarity

The workflow has clear steps (Step 1→4) with a good scenario routing table, but lacks validation checkpoints. There's no verification step after generating a design system, no feedback loop for when search results don't match needs, and no explicit validation that the generated design system is complete before proceeding to implementation. The persist workflow mentions hierarchical retrieval but doesn't validate file creation.

2 / 3

Progressive Disclosure

This is a monolithic wall of text with no bundle files provided to offload content. The Quick Reference section alone contains 99 UX guidelines inline that should be in separate reference files. The Common Rules, Pre-Delivery Checklist, and detailed rule tables are all inlined rather than referenced. The skill tries to be both an overview and a complete reference, resulting in massive token consumption.

1 / 3

Total

7

/

12

Passed

Description

82%

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 is a highly detailed and comprehensive skill description that excels at listing specific capabilities, trigger terms, and carving out a distinct niche for UI/UX design work. Its main weakness is the absence of an explicit 'Use when...' clause, which would help Claude know precisely when to select this skill. The description is also quite long and could benefit from slightly more concise organization.

Suggestions

Add an explicit 'Use when...' clause, e.g., 'Use when the user asks to design, build, review, or improve UI/UX for web or mobile applications, or mentions specific design styles, color palettes, font pairings, or frontend frameworks.'

Consider condensing the enumerated lists slightly to reduce verbosity while retaining key trigger terms — for example, grouping related items rather than listing every single one.

DimensionReasoningScore

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 topics. It goes well beyond naming a domain and provides highly specific capabilities.

3 / 3

Completeness

The description thoroughly answers 'what does this do' with extensive capability listings, but it lacks an explicit 'Use when...' clause or equivalent trigger guidance. Per the rubric, a missing 'Use when...' clause caps completeness at 2.

2 / 3

Trigger Term Quality

Excellent coverage of natural terms users would say: 'button', 'modal', 'navbar', 'dashboard', 'landing page', 'dark mode', 'responsive', 'glassmorphism', 'accessibility', 'color', 'typography', 'font pairing', plus framework names like 'React', 'Tailwind', 'shadcn/ui'. These are highly natural keywords users would use when requesting UI/UX help.

3 / 3

Distinctiveness Conflict Risk

The description carves out a very clear niche around UI/UX design intelligence with specific design styles, color palettes, font pairings, and named technology stacks. The combination of design-specific vocabulary and framework coverage makes it highly unlikely to conflict with non-UI/UX skills.

3 / 3

Total

11

/

12

Passed

Validation

90%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (661 lines); consider splitting into references/ and linking

Warning

Total

10

/

11

Passed

Repository
nextlevelbuilder/ui-ux-pro-max-skill
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.