CtrlK
BlogDocsLog inGet started
Tessl Logo

emcn-design-review

Review UI code for alignment with the emcn design system — components, tokens, patterns, and conventions

54

Quality

61%

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

Fix and improve this skill with Tessl

tessl review fix ./.agents/skills/emcn-design-review/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

68%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 dense, concrete, and well-structured, giving Claude directly usable rules and exact identifiers. Its main weakness is the workflow's lack of a validation checkpoint before applying fixes, which caps workflow clarity.

Suggestions

Insert an explicit validation/verification step before applying fixes (e.g., 'Before applying, confirm each proposed change maps to a rule above; run typecheck/lint and re-review the diff'), which would lift the workflow_clarity cap.

Consider moving the exhaustive token and badge-color enumerations into a references file (e.g. references/tokens.md) referenced one level deep, to improve progressive_disclosure and conciseness.

DimensionReasoningScore

Conciseness

The body is lean and dense — terse token lists, a compact variant table, and no padding about what design systems or libraries are — with only minor over-coverage in the exhaustive token/badge enumerations that could be reference material.

4 / 5

Actionability

Guidance is highly concrete: exact CSS variable names, specific file paths to read (e.g. packages/emcn/src/index.ts), exact component names, and a variant-to-action mapping table; the only gap is the absence of an example fix diff.

4 / 5

Workflow Clarity

The four numbered steps give a clear sequence, but fix=true applies code modifications (a destructive/batch-style operation) with no validation or verification checkpoint before applying, which caps workflow clarity at 3 per the rubric guideline.

3 / 5

Progressive Disclosure

No bundle files exist and the skill is self-contained with well-organized sections, but the exhaustive inline token and badge-color enumerations could arguably live in a one-level-deep reference file, keeping it just below a 5.

4 / 5

Total

15

/

20

Passed

Description

53%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 clearly conveys what the skill does and targets a distinct niche, but it omits any explicit trigger guidance ('Use when...'), which limits completeness and trigger-term quality. Adding a concrete 'when to use' clause would lift the capped dimensions.

Suggestions

Add a 'Use when ...' clause naming concrete trigger phrases users would say (e.g., 'Use when reviewing a PR/changes for emcn design-system compliance, or when the user asks to check UI against components, tokens, or button variants').

Surface a couple of natural synonyms in the description (e.g., 'design tokens', 'UI review', 'component compliance') to improve trigger-term coverage.

DimensionReasoningScore

Specificity

Names the emcn design-system domain and lists concrete review targets (components, tokens, patterns, conventions), but the only action verb is 'Review', so it stops short of listing several distinct concrete actions.

3 / 5

Completeness

Provides a clear 'what' (review UI code for alignment with the emcn design system) but no explicit 'when' trigger guidance, which caps completeness at 3 per the rubric guideline.

3 / 5

Trigger Term Quality

Includes relevant natural terms like 'Review UI code' and 'design system' but lacks a 'Use when...' clause and misses common synonyms or file/extension triggers a user would naturally say.

3 / 5

Distinctiveness Conflict Risk

Naming a specific custom 'emcn' design system gives it a clear, distinct niche with minimal conflict risk, though it could still overlap slightly with general UI-review skills.

4 / 5

Total

13

/

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
simstudioai/sim
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.