CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

html-prototype

Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the user's conversation, product context, and design language. Use when the user explicitly invokes html-prototype or the broad html skill routes a mockup or prototype request here. Do not activate independently from a general request. Treat a mockup as a noninteractive fidelity mode within this skill, not as a separate skill.

Quality

91%

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

93%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 well-structured, token-efficient instruction skill that gives concrete, executable direction across the full build-and-verify lifecycle. The only minor gap is that verification is a terminal checkpoint rather than an embedded fix-retry loop.

DimensionReasoningScore

Conciseness

Lean imperative prose with no padding and no explanation of HTML/CSS basics Claude already knows; every line instructs an action.

5 / 5

Actionability

Provides concrete, executable guidance ('Deliver one self-contained .html file', 'close on Escape', 'Respect prefers-reduced-motion', 'Test Tab, Shift+Tab, Enter, Space') with specific verification checks; absence of code is appropriate for this instruction-only skill.

5 / 5

Workflow Clarity

Clear sequenced process (fidelity → direction → scope → states → interaction → build → verify) with an explicit verification checkpoint and honesty fallback, but it ends in a verify step rather than an explicit validate→fix→retry loop inside the build.

4 / 5

Progressive Disclosure

Well-organized into clear single-purpose sections with no bundle files to structure; the only outbound references (the sibling design-artifact skill and one 'Further reading' link) are clearly signaled and exactly one level deep.

5 / 5

Total

19

/

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, specific description that clearly states both capability and trigger conditions, with deliberate boundary guidance against sibling skills. Trigger-term coverage and action specificity are very good but not exhaustive of user phrasings.

DimensionReasoningScore

Specificity

Names the domain plus several concrete artifacts ('polished, responsive, self-contained HTML mockups and interactive prototypes') and grounds them in concrete visual/behavioral questions, but the actions are framed somewhat abstractly ('model a product decision') rather than fully enumerated.

4 / 5

Completeness

Explicitly answers both what it does (build HTML mockups/prototypes) and when to use it ('Use when the user explicitly invokes html-prototype or the broad html skill routes a mockup or prototype request here') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Includes natural trigger phrases ('mockup or prototype request', 'html-prototype', 'html skill') that a user might say, though it leans technical and omits common synonyms like 'wireframe', 'demo', or '.html'.

4 / 5

Distinctiveness Conflict Risk

Has a clear niche with explicit boundary guidance ('Do not activate independently from a general request', 'Treat a mockup as a noninteractive fidelity mode within this skill, not as a separate skill'), minimizing overlap with the broad html skill.

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: 1 suspicious

Warning

Total

15

/

16

Passed

Repository

plannotator/effective-html

Path

skills/html-prototype/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.