CtrlK
BlogDocsLog inGet started
Tessl Logo

unocss

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.

68

Quality

86%

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

78%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 well-structured hub-style SKILL.md: the body stays a concise index with a useful preflight instruction (check the project's uno.config before writing utilities) and all referenced files are real and one level deep. Weaknesses are minor — the intro repeats the description, a pinned version/date line is time-sensitive, and no inline quick-start example exists.

Suggestions

Trim or move the version pin ('based on UnoCSS v66.10.5, generated at 2026-09-25') into a dedicated versioning/compatibility note so time-sensitive details don't sit in the overview.

Add a tiny quick-start snippet (e.g., a minimal uno.config.ts or a utility-class usage example) inline so the most common first action needs no file hop.

DimensionReasoningScore

Conciseness

The body is mostly lean tables and a short actionable note, but the opening paragraph ('UnoCSS is an instant atomic CSS engine designed to be flexible and extensible... you can reuse your Tailwind knowledge') restates the description, and the version line 'based on UnoCSS v66.10.5, generated at 2026-09-25' embeds time-sensitive information outside any 'old patterns'/'deprecated' section. These are minor trim candidates, matching anchor 4 rather than the every-token-earns-its-place anchor 5.

4 / 5

Actionability

The 'Important' paragraph gives concrete, executable direction ('check for `uno.config.*` or `unocss.config.*` files in the project root', 'avoid using attributify mode... stick to basic `class` usage') and each table row pairs a topic with a specific reference file, so the lookup action is unambiguous. It falls short of anchor 5 because no inline quick-start snippet (e.g., a minimal config or utility-class example) is present — a minor gap for a navigation-style body.

4 / 5

Workflow Clarity

The body lays out a clear preflight sequence with a decision branch: check the project's config files, determine which presets/rules/shortcuts are available, and if setup is unclear fall back to basic `class` usage. No destructive or batch operations are involved so no validation cap applies, but there is no explicit verification step (e.g., confirming generated CSS output) after acting, leaving it at anchor 4 rather than 5.

4 / 5

Progressive Disclosure

The body is a clean overview only: short intro, one actionable note, and four well-labeled sections (Core, Presets, Transformers, Integrations) whose tables link to one-level-deep reference files, all 24 of which exist in ./references/ with exactly matching names. This matches the anchor-5 pattern of a clear overview with well-signaled one-level-deep references and easy navigation.

5 / 5

Total

17

/

20

Passed

Description

87%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 description that explicitly answers both what the skill is and when to use it, with concrete trigger terms naming the library and its specific presets. Keyword coverage is good but misses a few natural synonyms such as 'utility classes' or config-file names that users might mention.

Suggestions

Add common synonyms and file-based triggers to the 'Use when' clause, e.g., 'utility classes', 'uno.config.ts', or 'CSS engine setup', to catch more natural phrasings users would say.

State a concrete capability in the 'what' half (e.g., 'Generates atomic CSS utilities from class names and shortcuts') so the description leads with an action rather than only a categorization.

DimensionReasoningScore

Specificity

The description enumerates several concrete actions in 'Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify', but the 'what' half ('instant atomic CSS engine, superset of Tailwind CSS') is a categorization rather than a list of concrete capabilities, leaving minor gaps in coverage. It is above anchor 3 (which covers only 1-2 concrete actions) but not fully comprehensive as in anchor 5.

4 / 5

Completeness

Both halves are explicit: 'UnoCSS instant atomic CSS engine, superset of Tailwind CSS' answers what it is, and 'Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify' gives concrete trigger phrases for when to use it. This matches the anchor-5 pattern of clearly and explicitly answering both what AND when.

5 / 5

Trigger Term Quality

Good keyword coverage including 'UnoCSS', 'Tailwind CSS', 'utility rules', 'shortcuts', 'presets', 'Wind', 'Icons', 'Attributify' — terms a user working with this library would naturally say. A few natural variants are missing (e.g., 'utility classes', 'uno.config', 'CSS engine setup'), so it falls just short of anchor 5's comprehensive synonym/extension coverage.

4 / 5

Distinctiveness Conflict Risk

The skill occupies a clear niche (UnoCSS specifically, named explicitly) with distinct triggers ('configuring UnoCSS', named presets), so it is unlikely to fire for unrelated skills. The 'superset of Tailwind CSS' mention creates only minimal overlap risk since it serves to position the tool, and the trigger clause is anchored to UnoCSS-specific terms.

5 / 5

Total

18

/

20

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.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
onmax/nuxt-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.