CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

baseline-ui

Audit UI implementation quality when frontend work needs accessibility, responsiveness, theming, performance, and anti-slop guardrails.

Quality

74%

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 ./Skills/frontend-ui/baseline-ui/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

67%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 a lean, well-sectioned overview with a clearly sequenced audit workflow, an explicit fail-fast validation loop, and correctly signaled one-level-deep bundle references. Its main weaknesses are generic rather than executable guidance — no specific tools, commands, or finding-severity rubric — and one referenced path that does not exist in the bundle.

Suggestions

Make the audit actionable with concrete checks and commands, e.g., name specific tooling (axe-core, Lighthouse, eslint-plugin-jsx-a11y, screenshot diffing) and show one or two example commands under Validation.

Add a brief findings-severity or scoring rubric so "score or findings" output is concrete (e.g., what distinguishes a blocker from a minor issue per dimension).

Fix or remove the dangling reference to Infrastructure/references/deferred-skill-context/frontend-ui-baseline-ui/, which does not exist in the bundle, or move its examples into a real references/ file.

DimensionReasoningScore

Conciseness

The body is written as terse, high-signal bullets ("Start with 2-3 focused surfaces before expanding scope", "Prioritize findings by user impact and exact file location") with no explanation of concepts Claude already knows. Minor instances of trimmable material — the "Philosophy" section is skill-design meta-commentary rather than task guidance, and fragments like "Schema-bound outputs include schema_version" add little — matching anchor 4 rather than the every-token-earns-its-place quality of anchor 5.

4 / 5

Actionability

The workflow gives some concrete guidance — named check dimensions ("accessibility, responsive behavior, theming, loading and error states, and motion use"), a concrete scoping rule ("2-3 focused surfaces"), and defined inputs/outputs — but there are no specific tools, commands, or executable examples (e.g., no axe-core/Lighthouse commands, no lint/screenshot command examples, no scoring rubric for findings), leaving key execution details missing. This matches anchor 3; it is above anchor 2 because a defined, sequenced workflow with specifics is present rather than only high-level hints.

3 / 5

Workflow Clarity

The Workflow section gives a clear ordered sequence (scope → identify stack and primitives → check dimensions → prioritize → recommend fixes → validate) and the Validation section adds an explicit feedback loop ("Fail fast: stop at first failed gate; do not proceed until it is fixed and rerun"). Validation remains generic and conditional ("when the codebase supports them", "the smallest command or test") with no exact commands, matching anchor 4 rather than the explicit validation steps of anchor 5.

4 / 5

Progressive Disclosure

The body is a well-organized overview and the Progressive Disclosure section clearly signals one-level-deep references — references/contract.yaml, references/evals.yaml, and references/task-profile.json all exist in the bundle with the described purposes. The gap that keeps this from anchor 5 is the dangling path "Infrastructure/references/deferred-skill-context/frontend-ui-baseline-ui/", which does not exist in the bundle, a minor navigation defect.

4 / 5

Total

15

/

20

Passed

Description

70%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 clear, appropriately concise, and answers both what the skill does and when it applies, with a well-defined UI-audit niche. Its main limitation is that it describes a single action (audit) rather than enumerating several concrete capabilities, and its trigger phrasing covers the work conditions rather than the words a user would most naturally say.

Suggestions

Add 1-2 more concrete actions to round out the capability list, e.g., "Audits UI implementations for accessibility, responsiveness, theming, and performance issues; produces a scored findings report with prioritized fixes."

Rewrite the "when" clause around user-facing triggers and natural synonyms, e.g., "Use when the user asks for a UI audit, accessibility or responsive-design review, theming/design-system check, or a pre-commit frontend quality gate (a11y, design tokens, Tailwind)."

DimensionReasoningScore

Specificity

The description names one concrete action ("Audit") in the UI implementation quality domain, which matches the anchor for naming a domain plus 1-2 concrete actions without comprehensive coverage. It lists audit areas (accessibility, responsiveness, theming, performance) but not multiple distinct actions, so it does not reach anchor 4.

3 / 5

Completeness

Both "what" ("Audit UI implementation quality") and "when" ("when frontend work needs accessibility, responsiveness, theming, performance, and anti-slop guardrails") are answered. The "when" clause is explicit but phrased as a condition on the work rather than concrete user trigger phrases (e.g., "when the user asks for a UI audit"), matching anchor 4 rather than anchor 5, and clearly above anchor 3 where "when" is only weakly implied.

4 / 5

Trigger Term Quality

Natural keywords users would say are present: "UI", "accessibility", "responsiveness", "theming", "performance", "frontend", "audit". A few natural terms are missing (e.g., a11y, design system, specific frameworks like Tailwind or React), matching the anchor for good coverage with a few gaps rather than the comprehensive synonym coverage of anchor 5.

4 / 5

Distinctiveness Conflict Risk

The niche is well-defined — a guardrail-style UI quality audit across named dimensions, with the distinctive term "anti-slop guardrails" — so it is mostly distinct. Minor overlap risk remains with general code-review and frontend-implementation skills that also mention performance or accessibility, matching anchor 4 rather than the minimal-conflict clarity of anchor 5.

4 / 5

Total

15

/

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.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository

jscraik/Agent-Skills

Path

Skills/frontend-ui/baseline-ui/SKILL.md

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.