CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

chatto-frontend-review

Review Chatto frontend implementation quality, including Svelte reactivity and lifecycle, component boundaries, design-system reuse, and unnecessary complexity. Use for every review that includes apps/frontend, including self-review, branch or PR review, and frontend architecture review.

Quality

94%

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

100%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.

An exemplary instruction-only skill: lean, concrete, and unambiguous about what to check and how to report. The workflow is fully sequenced with explicit per-construct checkpoints and conditional handling, and the structure needs no external files beyond the two well-signaled project references.

DimensionReasoningScore

Conciseness

The 79-line body is dense and operative throughout: it never explains concepts Claude already knows (no 'what is Svelte/$effect' padding), and every caveat — such as rule 4's untrack exception and rule 6's wrapper escape — is project policy that earns its tokens. It matches the anchor 'Lean and efficient; assumes Claude's competence; every token earns its place' rather than anchor 4, since no section could be trimmed without losing operative guidance.

5 / 5

Actionability

Although code-free, the guidance is fully concrete: it names exact APIs ($derived, $effect, untrack, onMount, onDestroy), gives a worked example ('handle a new notification in the notification-update handler, rather than watching notification state with $effect'), and specifies the findings format (file, line, rule, consequence, severity order). Per the rubric's code_vs_instruction_skills note, absence of code is not penalized when guidance is this actionable.

5 / 5

Workflow Clarity

A clear sequence is stated up front (review the scope, read the frontend instructions, trace changed behavior through callers, apply the rules before declaring the review complete), with explicit checkpoints — 'Review each new or changed $effect, untrack, and lifecycle hook explicitly' and 'Check findings against the user's requirements' — plus conditional branches ('If there are no findings, state the reviewed scope') and a mandated report of checks run and remaining gaps. It fits the anchor-5 'explicit validation steps and checklists' better than anchor 4, which requires a validation gap that is absent here.

5 / 5

Progressive Disclosure

The body is well organized (intro, ten numbered rules, findings format) and its only references — ../../../apps/frontend/AGENTS.md and ../chatto-client-placement/SKILL.md — are clearly signaled, one level deep, and each delegates a well-defined concern. No inline content belongs in a separate file (the rules are the operative runtime content), so it matches the anchor for appropriate splitting and easy navigation.

5 / 5

Total

20

/

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 states both what it reviews (four concrete Svelte/frontend quality areas) and when to use it (any review touching apps/frontend, with named review types), with a clear niche that avoids conflict with sibling review skills. The only soft spots are the single 'Review' verb and a few missing natural synonyms such as '.svelte' or 'UI review'.

DimensionReasoningScore

Specificity

'Review Chatto frontend implementation quality, including Svelte reactivity and lifecycle, component boundaries, design-system reuse, and unnecessary complexity' names the domain plus four concrete review areas, but rests on a single action verb ('Review') rather than the multiple distinct actions of the anchor-5 example ('extract, fill, merge, convert'). It is above anchor 3, which covers only 1–2 concrete actions.

4 / 5

Completeness

It explicitly answers both questions: the 'what' lists four concrete capability areas, and the 'when' is concrete and trigger-phrased — 'Use for every review that includes apps/frontend, including self-review, branch or PR review, and frontend architecture review.' This matches the anchor-5 example structure exactly.

5 / 5

Trigger Term Quality

Natural terms users would actually say are well covered — 'frontend', 'Svelte', 'review', 'PR', 'branch', 'self-review', 'component', 'design-system', plus the path trigger 'apps/frontend'. It falls short of anchor 5, which expects synonyms and file-style triggers (e.g. '.svelte files', 'UI review') that are absent.

4 / 5

Distinctiveness Conflict Risk

The 'Chatto' product name and the apps/frontend path scoping give the skill a clear niche with distinct triggers, leaving minimal overlap risk even against a general code-review skill (which the body explicitly defers to). This matches the anchor 'Clear niche with distinct triggers; minimal conflict risk'.

5 / 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.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 2 suspicious

Warning

Total

15

/

16

Passed

Repository

chattocorp/chatto

Path

.agents/skills/chatto-frontend-review/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.