CtrlK
BlogDocsLog inGet started
Tessl Logo

baseline-ui

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

75

Quality

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Content

100%

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

An excellent, tightly written constraint checklist that assumes Claude's competence and gives specific, actionable directives organized into clear sections. It is self-contained with no unnecessary explanation, making efficient use of the context window.

DimensionReasoningScore

Conciseness

The body is a lean, token-efficient constraint list using MUST/SHOULD/NEVER with no filler and no explanation of concepts Claude already knows (e.g., what Tailwind is).

3 / 3

Actionability

As an instruction-only skill, it provides highly concrete, actionable directives with specific tokens and values ('MUST use h-dvh', 'NEVER use h-screen', 'MUST use text-balance'), satisfying the executable-guidance bar without needing code.

3 / 3

Workflow Clarity

The 'How to use' section makes the single action unambiguous — applying constraints or reviewing a file to emit violations, why-it-matters, and a fix — which for a simple single-purpose skill meets the workflow-clarity bar.

3 / 3

Progressive Disclosure

The content is self-contained (no references/scripts/assets bundle exists) and well-organized into clear sections (Stack, Components, Interaction, Animation, Typography, Layout, Performance, Design), satisfying the simple-skill bar for progressive disclosure.

3 / 3

Total

12

/

12

Passed

Description

85%

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 concise, well-structured description that clearly states both capabilities and an explicit use-trigger, with concrete UI fix areas named. Its main weakness is the coined term 'deslop' and somewhat limited coverage of natural phrasings users might say.

Suggestions

Drop or supplement the coined term 'deslop' with more natural user phrasings such as 'cleanup', 'polish', or 'refine the UI' to broaden trigger-term coverage.

Add common variations users actually say (e.g., 'spacing', 'styling', 'visual hierarchy', 'UI refactor') to the 'Use when' clause.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions — 'fixing spacing, hierarchy, typography, and small layout issues' — naming several specific UI fix areas rather than vague language.

3 / 3

Completeness

It explicitly answers both 'what' ('fixing spacing, hierarchy, typography...') and 'when' via an explicit 'Use when the interface needs a fast cleanup or polish pass' clause.

3 / 3

Trigger Term Quality

Natural terms like 'cleanup', 'polish pass', 'UI code', and 'interface' appear, but 'deslop' is skill-specific jargon and common variations such as 'styling', 'spacing fix', or 'refactor UI' are missing.

2 / 3

Distinctiveness Conflict Risk

The UI deslop/polish niche with its 'fast cleanup or polish pass' trigger is a recognizable, distinct intent unlikely to fire for unrelated skills.

3 / 3

Total

11

/

12

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
ibelick/ui-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.