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

Optimize this skill with Tessl

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

Quality

Discovery

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 specific skill description that excels at enumerating concrete capabilities, natural trigger terms, and a distinct UI/UX design niche. Its main weakness is the absence of an explicit 'Use when...' clause, which would help Claude know precisely when to select this skill over others. The quantified resources (50+ styles, 161 palettes, etc.) add credibility but the description could benefit from a concise trigger statement.

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 UI elements, design styles, or frontend frameworks.'

Consider slightly condensing the enumerated lists to reduce verbosity while retaining key trigger terms, and use the freed space for the 'when to use' guidance.

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 with quantified resources (50+ styles, 161 color palettes, etc.).

3 / 3

Completeness

The description thoroughly answers 'what does this do' with detailed capabilities, actions, project types, elements, styles, and topics. 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: 'button', 'modal', 'navbar', 'dashboard', 'landing page', 'dark mode', 'responsive', 'glassmorphism', 'accessibility', 'color', 'typography', 'font pairing', 'chart', 'form', 'card', 'table', plus framework names like React, Next.js, Vue, Svelte, Flutter, SwiftUI, 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 frameworks. The combination of design-specific terminology (glassmorphism, neumorphism, bento grid) and UI element specificity makes it highly unlikely to conflict with non-UI/UX skills.

3 / 3

Total

11

/

12

Passed

Implementation

42%

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

This skill contains genuinely useful tooling (the search.py CLI with --design-system and --domain flags) buried under an enormous amount of reference material that Claude already knows. The Quick Reference sections reproducing WCAG, Apple HIG, and Material Design guidelines are the primary source of bloat - these 99+ rules consume most of the file's token budget while adding minimal value over Claude's existing knowledge. The actionable CLI workflow is strong but would be far more effective if the reference material were moved to separate files.

Suggestions

Move the Quick Reference sections (§1-§10) and 'Common Rules for Professional UI' into separate reference files (e.g., rules/accessibility.md, rules/animation.md) and replace them with brief 1-2 line summaries linking to those files - this alone would cut 60-70% of the content.

Remove or drastically condense guidelines that restate well-known standards (WCAG contrast ratios, Material Design touch targets, Apple HIG navigation patterns) - Claude already knows these; only include project-specific deviations or non-obvious rules.

Eliminate the duplication between Quick Reference and 'Common Rules for Professional UI' sections, which cover the same topics (touch targets, icon consistency, contrast, safe areas) with slightly different wording.

Add a validation checkpoint after Step 2 (Generate Design System) - e.g., verify the output contains all required sections, check that color contrast meets accessibility requirements, or confirm style consistency before proceeding to implementation.

DimensionReasoningScore

Conciseness

Extremely verbose at 500+ lines. Contains massive amounts of content that Claude already knows (accessibility guidelines, animation best practices, form UX patterns, navigation patterns). The Quick Reference sections essentially reproduce well-known WCAG, Apple HIG, and Material Design guidelines that Claude has extensive training on. The 'Common Rules for Professional UI' section repeats many rules already stated in the Quick Reference.

1 / 3

Actionability

Provides fully executable CLI commands with concrete examples, clear flag usage, and specific workflows. The search.py commands are copy-paste ready with real arguments and expected outputs described. The step-by-step workflow with actual bash commands is highly actionable.

3 / 3

Workflow Clarity

The 4-step workflow (Analyze → Design System → Detailed Searches → Stack Guidelines) is clearly sequenced with a good scenario-to-step mapping table. However, there are no validation checkpoints - no step verifies the design system output is correct, no feedback loop for when search results don't match needs, and no verification that the generated design actually meets the accessibility/UX rules listed. For a skill involving design decisions that affect user experience, this is a notable gap.

2 / 3

Progressive Disclosure

This is a monolithic wall of text. The Quick Reference section alone contains 10 categories with 99+ individual rules all inline. The 'Common Rules for Professional UI' section duplicates much of the Quick Reference content. All of this could be split into separate reference files (e.g., ACCESSIBILITY.md, ANIMATION.md, FORMS.md) with the SKILL.md serving as a concise overview pointing to them. The content that should be in separate files is all inline, consuming enormous token budget.

1 / 3

Total

7

/

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 (659 lines); consider splitting into references/ and linking

Warning

Total

10

/

11

Passed

Repository
onesixeight/IronMarket
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.