CtrlK
BlogDocsLog inGet started
Tessl Logo

ui-ux-pro-max

Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.

56

Quality

65%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

Fix and improve this skill with Tessl

tessl review fix ./plugins/AI-Agents-Safe-Coding-Skills/skills/ui-ux-pro-max/SKILL.md

The canonical home for this skill is ui-ux-pro-max in administrakt0r/AI-Agents-Safe-Coding-Skills

SKILL.md
Quality
Evals
Security

Quality

Content

56%Scale 1-5

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

The skill provides a well-structured workflow for UI/UX design with concrete CLI commands and a useful priority-based categorization system. However, it is significantly over-long, inlining content that should be in separate reference files (common rules, checklists, installation instructions) and explaining concepts Claude already knows. The actionability is strong with executable commands, but the overall token efficiency is poor for what could be a much leaner overview document.

Suggestions

Remove the Python installation instructions entirely — Claude knows how to install Python and can determine the user's OS contextually.

Move the 'Common Rules for Professional UI' tables and 'Pre-Delivery Checklist' into separate referenced files (e.g., COMMON_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 from the command documentation.

Add error handling guidance: what to do if the search script returns no results, or if the design system output doesn't match the user's needs.

DimensionReasoningScore

Conciseness

The skill is significantly verbose at ~300+ lines. It over-explains concepts Claude already knows (e.g., how to install Python on different OSes, what product types are, basic CSS rules like cursor-pointer). The priority table, common rules tables, and pre-delivery checklist contain useful information but are padded with obvious guidance. The 'Tips for Better Results' section is largely filler.

2 / 5

Actionability

The skill provides concrete, executable CLI commands with clear syntax and examples. The workflow steps are specific with real command-line invocations. However, since no bundle files are provided, we can't verify the scripts actually exist or work. The design system generation command and domain search commands are copy-paste ready with good parameter documentation.

4 / 5

Workflow Clarity

The 4-step workflow is clearly sequenced (Analyze → Design System → Supplement → Stack Guidelines) with a concrete example walkthrough. The pre-delivery checklist provides validation. However, there's no explicit error handling or feedback loop if the search script fails or returns poor results, and no validation step between generating the design system and implementing it.

4 / 5

Progressive Disclosure

The content is structured with clear sections and headers, but it's essentially a monolithic document. The common rules tables, pre-delivery checklist, and detailed search reference could be split into separate files. No bundle files are provided to verify referenced scripts exist. The skill references scripts at `.claude/skills/ui-ux-pro-max/scripts/search.py` and data files like `ui-reasoning.csv` but doesn't link to any supplementary documentation files.

3 / 5

Total

13

/

20

Passed

Description

75%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.

The description has a well-structured format with an explicit 'Use when' clause covering multiple trigger scenarios, which is its strongest aspect. However, the capabilities described are somewhat high-level ('comprehensive design guide') rather than listing specific concrete actions, and the broad scope across web and mobile design creates moderate overlap risk with related skills. Adding more specific deliverables and narrowing the scope would improve both specificity and distinctiveness.

Suggestions

Add more concrete actions beyond 'comprehensive design guide'—e.g., 'Generates color schemes, recommends spacing/layout patterns, provides component markup examples'

Include additional trigger terms and synonyms like 'design system', 'responsive design', 'accessibility', 'CSS styling', 'layout' to improve keyword coverage

Narrow or clarify the scope to reduce conflict risk—specify what distinguishes this from a CSS/styling skill or an accessibility skill

DimensionReasoningScore

Specificity

Names the domain (design for web and mobile) and mentions a few actions (designing UI components, choosing color palettes, reviewing code for UX issues), but these are fairly high-level and not deeply concrete—no mention of specific deliverables, frameworks, or detailed capabilities.

3 / 5

Completeness

Clearly answers both 'what' (comprehensive design guide for web and mobile applications) and 'when' (explicit 'Use when' clause with three concrete trigger scenarios: designing new UI components/pages, choosing color palettes/typography, reviewing code for UX issues).

5 / 5

Trigger Term Quality

Includes several natural keywords users would say: 'UI components', 'color palettes', 'typography', 'UX issues', 'web', 'mobile'. Missing some common synonyms like 'user interface', 'design system', 'accessibility', 'responsive design', 'layout', or 'styling'.

4 / 5

Distinctiveness Conflict Risk

The term 'comprehensive design guide' is quite broad and could overlap with skills focused on CSS/styling, accessibility, design systems, or frontend development. The scope spanning both web and mobile further increases potential overlap with platform-specific skills.

3 / 5

Total

15

/

20

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

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

10

/

11

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-Skills
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.