CtrlK
BlogDocsLog inGet started
Tessl Logo

streaming-html

Use when reviewing server-side rendering setup, Next.js App Router pages, or Node.js HTTP handlers to verify that HTML is streamed incrementally rather than buffered until completion.

60

Quality

71%

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

Quality

Content

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

The body is a well-structured overview with excellent progressive disclosure to a real reference file and a clear review workflow, but it spends tokens restating concepts Claude already knows and offers no in-body executable steps — the fix and verification guidance stay abstract until the reader opens the reference. Tightening the intro and adding one minimal executable example or measurement command would lift the weaker dimensions.

Suggestions

Trim or remove the conceptual intro paragraph (its content is repeated in the 'Explain' section and is knowledge Claude already has), keeping only the Quick Reference bullets.

Add one minimal executable anchor in the body — e.g., a short renderToPipeableStream + Suspense snippet or a concrete Lighthouse TTFB measurement command — so the Fix and Quick Reference sections are actionable without opening the reference.

Operationalize the verification step: state how to check TTFB (e.g., 'run a Lighthouse audit and confirm TTFB < 600ms after the refactor') so the review workflow has an explicit validation checkpoint.

DimensionReasoningScore

Conciseness

The body is mostly lean, but the intro paragraph ('Traditional SSR waits for all data fetches to complete before sending a single byte of HTML... dramatically improving perceived performance and LCP') explains concepts Claude already knows and duplicates the 'Explain' section. Matches anchor 3 — efficient with some removable explanation — rather than anchor 4's 'minor instances'.

3 / 5

Actionability

Concrete anchors are present — 'renderToPipeableStream', 'ReadableStream', 'Suspense boundaries', 'renderToString calls', and a measurable threshold ('values above 600ms') — but the body contains no executable code or commands; e.g., 'Monitor TTFB in Lighthouse' gives no method, and the fix defers entirely to the reference. Matches anchor 3 (concrete guidance but incomplete), not anchor 4 (mostly executable guidance).

3 / 5

Workflow Clarity

The Check → Fix → Explain → Code Review sequence is coherent, with specific detection criteria ('renderToString calls, missing Suspense boundaries around data-fetching components, and use of await on slow queries before returning a response') and a TTFB threshold acting as a checkpoint. Not anchor 5 because the monitoring step is not operationalized and there is no verify-after-fix loop; clearly above anchor 3's implicit checkpoints.

4 / 5

Progressive Disclosure

Clear overview with well-organized sections and a single, clearly signaled, one-level-deep reference ('For full implementation details, code examples, and framework-specific guidance, see references/rule.md') — verified to exist and to contain the deferred code examples. Matches anchor 5: content appropriately split and easy to navigate.

5 / 5

Total

15

/

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 strong description with an explicit 'Use when' trigger clause, concrete domains, and a clearly stated verification purpose. Its main gaps are single-action scope (verify only, while the skill body also fixes and explains) and missing common synonyms like 'SSR' or 'React'.

Suggestions

Add one or two more concrete actions to the description (e.g., 'and refactor buffered SSR to use renderToPipeableStream with Suspense') to raise specificity from one action to several.

Include common synonyms users would naturally say — 'SSR', 'React', 'streaming SSR', or 'TTFB' — to broaden trigger term coverage.

DimensionReasoningScore

Specificity

The description names concrete domains ('server-side rendering setup, Next.js App Router pages, or Node.js HTTP handlers') and one concrete action ('verify that HTML is streamed incrementally rather than buffered until completion'). This matches anchor 3 — one clear action in a named domain — but not anchor 4, which requires several specific actions; fix/refactor capabilities from the body are absent from the description.

3 / 5

Completeness

Explicitly answers both questions: 'when' via the 'Use when reviewing server-side rendering setup, Next.js App Router pages, or Node.js HTTP handlers' clause with concrete triggers, and 'what' via 'to verify that HTML is streamed incrementally rather than buffered until completion'. Matches anchor 5; not anchor 4 since the 'when' is fully explicit and specific rather than improvable.

5 / 5

Trigger Term Quality

Good natural keyword coverage: 'server-side rendering', 'Next.js App Router', 'Node.js HTTP handlers', 'streamed', 'buffered' — phrases users would plausibly say. Not anchor 5 because common synonyms like 'SSR', 'React', 'streaming SSR', or 'TTFB' are missing, but coverage is well above anchor 3's 'some relevant keywords'.

4 / 5

Distinctiveness Conflict Risk

Clear niche — verifying HTML streaming in SSR contexts — with named frameworks that constrain triggering. Minor overlap risk remains with general Next.js or performance-review skills since 'reviewing Next.js App Router pages' is broad; not anchor 5, well above anchor 3's generic overlap.

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.