CtrlK
BlogDocsLog inGet started
Tessl Logo

charset

Use when reviewing templates, rendered HTML, or shared components related to Declare UTF-8 character encoding. Validate the final browser-facing markup, not just the source framework abstraction.

64

Quality

76%

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

Quality

Content

78%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 tight, well-structured single-rule skill: the body gives the exact fix tag, the 1024-byte positioning constraint, and distinct check/fix/explain/code-review modes, while correctly pushing implementation details to a real, one-level-deep reference. Remaining polish is minor: trim the couple of known-concept asides, deduplicate Quick Reference vs. Fix, and add an explicit re-check step after applying the fix.

DimensionReasoningScore

Conciseness

The ~45-line body is mostly lean and instructional, but carries minor over-explanation Claude already knows ('Missing or incorrect charset causes mojibake (garbled text), broken special characters…', 'UTF-8 supports all languages and special characters') and repeats the meta-tag guidance across Quick Reference and Fix. Anchor 4 fits: efficient with minor instances that could be trimmed; not 5 since a few tokens don't earn their place.

4 / 5

Actionability

Concrete, executable guidance: 'Add <meta charset="UTF-8"> as the first element in <head>', 'Must appear within the first 1024 bytes', and 'Flag exact elements, attributes, and routes'. The exact tag and byte threshold are copy-paste-ready; anchor 4 rather than 5 because example markup and framework cases are deferred entirely to references/rule.md, leaving minor gaps in the body itself.

4 / 5

Workflow Clarity

A simple, non-destructive, single-purpose check with a clear Check → Fix → Explain → Code Review structure where the Check section acts as the validation checkpoint. Anchor 4 rather than 5: the sequence is clear and checkpoints mostly present, but there is no explicit re-verify-after-fix feedback loop.

4 / 5

Progressive Disclosure

Verified against the actual bundle: the body is a concise, well-sectioned overview; references/rule.md exists, is exactly one level deep, and is clearly signaled ('For full implementation details, code examples, and framework-specific guidance, see references/rule.md'). Content is appropriately split between overview and reference with easy navigation — matches anchor 5.

5 / 5

Total

17

/

20

Passed

Description

75%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 solid description with an explicit 'Use when' trigger, concrete review targets, and a genuinely useful rendered-vs-source scoping instruction. Its main gaps are the shallow 'what' (no concrete fix action like adding the meta tag), and missing the most natural trigger term 'charset' alongside the boilerplate trigger phrasing shared across HTML-rule skills.

DimensionReasoningScore

Specificity

Two concrete actions are named — 'reviewing templates, rendered HTML, or shared components' and 'Validate the final browser-facing markup' — with the concrete scoping instruction 'not just the source framework abstraction'. It sits between anchor 3 (1-2 actions, not comprehensive) and anchor 4 (several specific actions): noticeably more specific than anchor 3's example, but only two verbs rather than 'several'.

4 / 5

Completeness

Both parts are present: an explicit 'Use when reviewing templates, rendered HTML, or shared components…' trigger clause and a what ('Validate the final browser-facing markup'). Not anchor 5 because the 'what' is thin — it never states the concrete capability (adding/verifying the meta charset tag and its 1024-byte position).

4 / 5

Trigger Term Quality

Good natural-keyword coverage: 'templates', 'rendered HTML', 'shared components', 'UTF-8', 'character encoding'. Not anchor 5 because common user phrasings are missing — 'charset' itself never appears, nor 'meta tag', 'mojibake', or file extensions like .html/.tsx.

4 / 5

Distinctiveness Conflict Risk

The rule topic (UTF-8 charset declaration) is a clear niche, but the trigger boilerplate 'Use when reviewing templates, rendered HTML, or shared components related to…' would be shared verbatim by any sibling HTML-rule skill, leaving only the rule title to disambiguate. Mostly distinct with minor overlap risk against closely related skills — anchor 4, not 5.

4 / 5

Total

16

/

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.