CtrlK
BlogDocsLog inGet started
Tessl Logo

baseline-ui

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

69

Quality

85%

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

The canonical home for this skill is baseline-ui in ibelick/ui-skills

SKILL.md
Quality
Evals
Security

Quality

Content

82%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 tightly written, well-organized instruction-only constraint skill that gives Claude specific, actionable rules with minimal token overhead. Adding a couple of illustrative before/after examples and an explicit review checklist would lift the actionability and workflow-clarity dimensions to the top anchor.

DimensionReasoningScore

Conciseness

Lean one-line constraint rules with no over-explanation of concepts Claude already knows; every token earns its place, matching the lean-and-efficient anchor.

5 / 5

Actionability

Highly concrete directives naming exact classes, libraries, and thresholds ('use h-dvh', 'NEVER exceed 200ms', 'animate only compositor props (transform, opacity)'), but it stops short of a 5 because there are no illustrative good-vs-bad code examples covering common cases.

4 / 5

Workflow Clarity

The 'How to use' section defines clear invocations and a concrete output format (violations, why it matters, fix); not a 5 because the review workflow lacks an explicit validation/checklist checkpoint, though it is non-destructive so no cap applies.

4 / 5

Progressive Disclosure

Well-organized into clearly labeled sections (Stack, Components, Interaction, Animation, etc.) with content appropriately kept inline for a constraint list; not a 5 only because it is over 50 lines with no external reference structure to signal, which the simple-skill exception does not fully cover.

4 / 5

Total

17

/

20

Passed

Description

88%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 strong, third-person description that concretely states both capabilities and trigger conditions with a clear Tailwind CSS focus. Minor overlap risk with broad frontend/design skills and slightly thin synonym coverage keep it just short of a perfect mark.

DimensionReasoningScore

Specificity

Lists multiple concrete actions ('Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns'), matching the comprehensive-coverage anchor; not below because coverage is broad and specific rather than 1-2 actions.

5 / 5

Completeness

Explicitly answers both what (the four validation/enforcement actions) and when ('Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Good natural keywords ('building UI components, reviewing CSS utilities, styling React views, enforcing design consistency'), but not a 5 because it lacks synonyms/variants and there is no file-extension-style term to round out coverage.

4 / 5

Distinctiveness Conflict Risk

The Tailwind CSS UI-baseline niche is mostly distinct, but 'styling React views' and 'enforcing design consistency' overlap with general frontend/design-system skills, so it is not a clear-niche 5.

4 / 5

Total

18

/

20

Passed

Validation

93%

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

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

Total

15

/

16

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.