CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

ui-ux-pro-max

UI/UX design intelligence. 67 styles, 96 palettes, 57 font pairings, 25 charts, 13 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.

Quality

74%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

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

Quality

Content

71%Weight 40%Scale 1-5

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

A highly actionable body with concrete CLI commands, a clear step-by-step workflow, a worked example, and a delivery checklist — Claude knows exactly what to run. Its weaknesses are redundancy (duplicate How-to-Use sections, Python install instructions, inline rule lists duplicating the searchable database) and inline content that should be pushed into the bundle's data layer.

Suggestions

Delete the Prerequisites section's OS-specific Python install instructions — checking for and installing Python is knowledge Claude already has, and it pads the token budget.

Merge the two 'How to Use' sections into one and move the inline Quick Reference rule list and Common Rules tables into the searchable data files (or a reference file), keeping only the search workflow and a pointer in SKILL.md.

Add brief error-recovery guidance to the workflow (e.g., what to do when a search returns no results or the script fails to run) to close the workflow-clarity gap.

DimensionReasoningScore

Conciseness

Mostly dense, actionable reference material, but padded in places: a Prerequisites section with Python install instructions for three operating systems (which Claude already knows), two overlapping 'How to Use' sections (lines 87-89 and 121+), and a ~55-line Quick Reference rule list that duplicates what the bundled search tool is meant to provide. This fits 'mostly efficient but includes some unnecessary content that could be tightened' rather than the 2-anchor's explanatory fluff.

3 / 5

Actionability

Fully executable, copy-paste-ready commands with flags and arguments ('python3 skills/ui-ux-pro-max/scripts/search.py "<query>" --design-system --persist -p "Project Name" --page "dashboard"'), a complete worked example workflow, domain/stack lookup tables, and Do/Don't tables with concrete Tailwind classes and hex values ('bg-white/80', '#0F172A'). The common cases are covered, matching the 5-anchor.

5 / 5

Workflow Clarity

A clear four-step sequence (analyze requirements → generate design system marked REQUIRED → supplement with domain searches → stack guidelines) with a full worked example and a Pre-Delivery Checklist acting as a validation checkpoint. It falls short of the 5-anchor only because error-recovery guidance is thin — beyond 'if first search doesn't match, try different keywords', there is no handling for script failures, missing Python, or empty results.

4 / 5

Progressive Disclosure

The script-as-gateway pattern (SKILL.md → search.py → CSV data, verified as a real bundle file in scripts/) is one level deep, but ~150 lines of inline content (Quick Reference rules, Common Rules tables, Pre-Delivery Checklist) duplicate database content that should live in searchable data files or a reference file, and the duplicate 'How to Use' sections muddy navigation. This matches 'some structure, content that should be separate is inline' better than the 4-anchor's 'most content appropriately placed'.

3 / 5

Total

15

/

20

Passed

Description

65%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A keyword-dense description with excellent natural trigger-term coverage (including file extensions) and a clearly conveyed content inventory, but it lacks an explicit 'Use when...' trigger clause and leans on generic action verbs rather than concrete capabilities. It would benefit from stating 2-3 specific actions with objects and an explicit invocation condition.

Suggestions

Add an explicit 'Use when...' clause (e.g., 'Use when designing or building UI, choosing styles/palettes/typography, or reviewing UI code for UX issues') — its absence currently caps completeness at 3.

Replace the generic verb list ('plan, build, create, fix, improve, optimize, enhance, refactor') with a few concrete, object-attached actions such as 'Generate a complete design system (style, palette, typography) for a product type' and 'Check UI code against UX and accessibility rules'.

Trim the action and topic keyword lists that overlap generic coding skills (review, fix, improve, refactor, optimize) to reduce conflict risk with general code-review skills.

DimensionReasoningScore

Specificity

The description names the domain ('UI/UX design intelligence') and lists its concrete contents ('67 styles, 96 palettes, 57 font pairings, 25 charts, 13 stacks'), but its actions are generic one-word verbs ('plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor') with almost no concrete objects — only 'check UI/UX code' names what is acted on. It sits at the anchor for domain plus limited concrete actions rather than the 4-anchor's specific object-attached actions like 'Extracts text from PDF files, fills forms, converts pages to images'.

3 / 5

Completeness

A 'what' is present ('UI/UX design intelligence' with enumerated contents), but there is no 'Use when...' clause or equivalent explicit trigger guidance — the 'Actions:', 'Projects:', and 'Elements:' lists only weakly imply when to invoke it. Per the judging guidelines, a missing 'Use when...' clause caps completeness at 3, which is the best fit ('clear what, when only weakly implied').

3 / 5

Trigger Term Quality

Comprehensive natural-term coverage including synonyms and file extensions: 'website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio', 'button, modal, navbar, sidebar, card, table, form, chart', style names ('glassmorphism, brutalism, bento grid, dark mode'), and extensions ('.html, .tsx, .vue, .svelte'). These match what users naturally say ('make a landing page', 'fix the navbar', 'pick a color palette'), matching the 5-anchor's coverage-with-extensions example.

5 / 5

Distinctiveness Conflict Risk

The UI/UX design niche (styles, palettes, font pairings) is distinct, but the generic action verbs ('review, fix, improve, optimize, enhance, refactor') create overlap with general code-review/refactoring skills, and 'chart'/'dashboard' topics overlap data-visualization skills. This is more than the 'minor overlap risk' of the 4-anchor, fitting 'somewhat specific but could still overlap with similar skills'.

3 / 5

Total

14

/

20

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 — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository

valeriibeck-star/claude-skills

Path

skills/ui-ux-pro-max/SKILL.md

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.