CtrlK
BlogDocsLog inGet started
Tessl Logo

frontend-engineer

Pro frontend engineering discipline. Enforces build-test-verify workflow for every web project. Never declare done until the site is built, tested, responsive, accessible, and visually verified in a real browser. Use alongside vercel-cli for production-quality deployments.

62

Quality

72%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

High

Do not use without reviewing

Fix and improve this skill with Tessl

tessl review fix ./container/skills/frontend-engineer/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

77%Weight 40%Scale 1-3

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is highly actionable with a clear, validated build-test-verify workflow, but is somewhat padded with concepts Claude already knows and keeps all content inline rather than splitting detail into reference files.

Suggestions

Trim restatements of concepts Claude already knows (e.g. why components-inside-components remount, why direct imports save time) and consolidate the anti-patterns with the rules they restate.

Move the long quality-coding rules or anti-patterns into a reference file referenced one level deep from the main workflow to improve progressive disclosure.

De-duplicate the visual-verification checklist against the inline 'Always verify' / 'Verify when relevant' rules to reduce repetition.

DimensionReasoningScore

Conciseness

Mostly efficient and assumes competence, but explains concepts Claude already knows ('causes remounts, lost focus, broken state', 'saves 200-800ms per import', WCAG contrast) and the checklist/anti-patterns repeat earlier rules, so it could be tightened.

2 / 3

Actionability

Provides fully executable commands (`pnpm run build 2>&1`, `agent-browser screenshot`, `vercel deploy`) and copy-paste-ready code with specific values, matching the score-3 anchor.

3 / 3

Workflow Clarity

A clear 6-step build-to-verify sequence with explicit validation checkpoints (build must pass, console-error check) and an iteration feedback loop with a 3-attempt escape, matching the score-3 anchor.

3 / 3

Progressive Disclosure

Well-organized into sections, but everything is inline in one ~150-line file with no external references, so content that could be split (quality rules, anti-patterns) is not separated.

2 / 3

Total

10

/

12

Passed

Description

67%Weight 40%Scale 1-3

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 specific and clearly distinct as a frontend discipline, but lacks an explicit 'Use when…' trigger and leans on technical jargon over natural user phrasing.

Suggestions

Add an explicit trigger clause, e.g. 'Use when building or fixing a website or web app, or when the user asks to build, test, or deploy a frontend project.'

Surface natural user terms ('website', 'web app', 'UI') alongside the technical phrasing so it matches how users actually ask.

Lead with the concrete capabilities rather than the abstract label 'Pro frontend engineering discipline.'

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'Enforces build-test-verify workflow', 'built, tested, responsive, accessible, and visually verified in a real browser' — matching the score-3 anchor for multiple specific concrete actions.

3 / 3

Completeness

Clearly states what it does, but offers only an implied 'when' via 'Use alongside vercel-cli' with no explicit 'Use when…' trigger clause, which caps completeness at 2 per the guidelines.

2 / 3

Trigger Term Quality

Has relevant terms like 'web project' and 'browser' but leans on jargon ('frontend engineering discipline', 'build-test-verify workflow', 'vercel-cli') and misses common variations like 'website' or 'web app'.

2 / 3

Distinctiveness Conflict Risk

The frontend/web-project niche plus the vercel-cli pairing make it clearly distinguishable and unlikely to trigger for unrelated skills.

3 / 3

Total

10

/

12

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
nanocoai/nanoclaw
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.