CtrlK
BlogDocsLog inGet started
Tessl Logo

404-page

Use when reviewing templates, rendered HTML, or shared components related to Create a custom 404 error page. Validate the final browser-facing markup, not just the source framework abstraction.

64

Quality

78%

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/404-page/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

77%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 lean, well-organized overview that correctly delegates implementation detail to a single real reference file, with an unambiguous single-action workflow. The main weaknesses are redundant restatement of the soft-404 point across Quick Reference, Check, and Fix, and no inline executable command for verifying the HTTP status code.

Suggestions

Deduplicate the HTTP 404/soft-404 point so it appears once (e.g., in Check) rather than in Quick Reference, Check, and Fix.

Add one inline executable check for the most common case, such as `curl -s -o /dev/null -w '%{http_code}' https://example.com/nonexistent`.

DimensionReasoningScore

Conciseness

The body is short overall, but the soft-404 point is repeated three times (Quick Reference: 'Return a real HTTP 404 so the page is not treated as a soft 404'; Check: 'Confirm the route returns HTTP 404'; Fix: 'returns status code 404 so the page does not become a soft 404'), and Quick Reference largely duplicates Check/Fix. It is not a 2 because there is no padded prose, but anchor 4 is too generous given the clear tightening available.

3 / 5

Actionability

Concrete, directive guidance is present ('Confirm the route returns HTTP 404 and not a branded page with a 200 response', 'Flag exact elements, attributes, and routes where the rendered HTML violates the rule'), with implementation detail appropriately deferred to references/rule.md, which contains full HTML/Next.js/Nginx code examples and Verification steps. Not a 5 because the body itself lacks any executable check command (e.g., a curl status-code test) for the common case.

4 / 5

Workflow Clarity

This is a simple single-purpose review skill and the single action — verify a custom 404 page exists with helpful navigation and returns HTTP 404, flagging violations — is unambiguous across the Check, Fix, and Code Review sections. The simple-skill exception applies and no validation cap is relevant since the skill is non-destructive.

5 / 5

Progressive Disclosure

The body is under 50 lines, organized into clear sections, and points to a single one-level-deep reference ('For full implementation details, code examples, and framework-specific guidance, see references/rule.md'), which exists as a real, comprehensive file with no further nesting.

5 / 5

Total

17

/

20

Passed

Description

78%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 well-structured description with an explicit 'Use when...' trigger, concrete review targets, and a distinct 404-page niche. Its main limitation is a narrow 'what' — it only promises validation of rendered markup, omitting the fix/explain actions the body actually covers, and it lacks common synonyms like 'Page Not Found'.

Suggestions

Broaden the 'what' clause to reflect the full capability set, e.g. mention creating/fixing 404 pages and reviewing them, not only validating markup.

Add natural synonyms such as 'Page Not Found' or 'not found page' to the trigger phrase to improve keyword coverage.

DimensionReasoningScore

Specificity

The description names the domain ('Create a custom 404 error page') and lists several specific review targets ('reviewing templates, rendered HTML, or shared components') plus a concrete action ('Validate the final browser-facing markup'). It falls short of a 5 because it only states review/validate actions — no fix or create actions — so coverage has minor gaps rather than being comprehensive.

4 / 5

Completeness

Both parts are explicitly present: 'when' via 'Use when reviewing templates, rendered HTML, or shared components related to Create a custom 404 error page' and 'what' via 'Validate the final browser-facing markup, not just the source framework abstraction'. Not a 5 because the 'what' is narrow (validation only) while the skill body also covers fixing and explaining.

4 / 5

Trigger Term Quality

It includes natural terms users would say ('404 error page', 'templates', 'rendered HTML', 'shared components'), giving good keyword coverage. It is not a 5 because common synonyms like 'Page Not Found', 'not found page', or '404 handler' are missing.

4 / 5

Distinctiveness Conflict Risk

'Create a custom 404 error page' is a clear niche with distinct trigger terms (404, rendered HTML templates, shared components) and minimal overlap risk with other skills.

5 / 5

Total

17

/

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
thedaviddias/Front-End-Checklist
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.