CtrlK
BlogDocsLog inGet started
Tessl Logo

ui-design

Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.

66

Quality

81%

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

SKILL.md
Quality
Evals
Security

Quality

Content

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

The body is highly actionable with strong workflow sequencing and validation loops, but it is notably verbose due to repeated prohibition rules and duplicate sections, and its single external reference (checklist.md) is missing from the bundle.

Suggestions

Consolidate the forbidden-colors, forbidden-fonts, and emoji-icon rules into a single canonical section and have other sections link to it rather than restating them verbatim.

Merge the two 'When to use' / 'Do NOT use for' blocks (Activation Contract vs. lines 48-63) and the two self-audit checklists (lines 87-92 vs. 303-338) into one of each to cut redundancy.

Add the missing checklist.md to the bundle so the signaled reference resolves, or remove the reference from the body.

DimensionReasoningScore

Conciseness

The forbidden colors/fonts/emoji rules are repeated three to four times across the Activation Contract, Design Thinking, Frontend Aesthetics, and Anti-Patterns sections, and there are two overlapping 'When to use' blocks and two self-audit checklists, making it noticeably verbose with padded redundancy.

2 / 5

Actionability

Provides copy-paste-ready bash grep audit commands, concrete good/bad Tailwind class examples, platform-specific curl/PowerShell download commands, and exact font and icon-library lists—fully executable guidance covering common cases.

5 / 5

Workflow Clarity

Sequences MANDATORY design-specification output, a six-step design process, and a self-audit with explicit validation checkpoints and a 'If any audit fails → Re-design' feedback loop, matching the clear-sequence-with-validation anchor.

5 / 5

Progressive Disclosure

Structure is sectioned and signals a one-level reference to checklist.md and sibling skills, but checklist.md is absent from the bundle, leaving the one clearly-signaled external reference broken.

3 / 5

Total

15

/

20

Passed

Description

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

The description is specific, trigger-rich, and complete, clearly distinguishing the skill's pre-implementation UI-design niche. Only minor synonym coverage (mockup/wireframe) keeps trigger-term quality from a perfect score.

DimensionReasoningScore

Specificity

Names multiple concrete capabilities—'visual direction, interface hierarchy, layout decisions, design specifications, or prototypes'—for a specific domain (Web or mini program UI), matching the comprehensive-coverage anchor.

5 / 5

Completeness

Explicitly answers both 'what' (the listed design capabilities) and 'when' via an explicit 'Use when users need...' trigger clause with concrete trigger phrases.

5 / 5

Trigger Term Quality

Natural user-facing terms like 'design', 'prototype', 'layout', 'visual direction' and 'Web or mini program UI' are present, but common synonyms like 'mockup', 'wireframe', or 'UI' alone are missing, so it sits just below comprehensive.

4 / 5

Distinctiveness Conflict Risk

Clear niche—pre-implementation UI design for Web/mini programs—distinct from backend, data-model, and straight implementation skills, with minimal conflict risk.

5 / 5

Total

19

/

20

Passed

Validation

81%

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

Validation13 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

relative_links

Relative link issues: 1 missing

Warning

referenced_paths_exist

Referenced path issues: 2 missing, 2 deeper-than-1-level

Warning

Total

13

/

16

Passed

Repository
TencentCloudBase/CloudBase-AI-Toolkit
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.