CtrlK
BlogDocsLog inGet started
Tessl Logo

angular-ssr

Implement Angular SSR with hydration, TransferState caching, and per-route render modes. Use when configuring Angular Universal SSR, client hydration, static prerendering, or preventing double-fetching.

68

Quality

83%

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

80%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 lean and actionable with clean progressive disclosure to one real reference file. The main gap is workflow clarity: the numbered steps lack verification checkpoints to confirm the SSR/hydration setup actually works end-to-end.

Suggestions

Add a verification checkpoint after enabling hydration (e.g., 'Confirm the app boots without hydration errors and that the client does not re-fetch server-cached responses').

Expand the render-modes section into a complete ServerRoute[] code example in app.routes.server.ts so the guidance is copy-paste ready.

Add a 'Verify' note after step 3 to confirm TransferState/withHttpTransferCacheOptions is actually preventing double-fetching via DevTools network panel.

DimensionReasoningScore

Conciseness

Lean and directive throughout — every line is an actionable bullet, API name, or command with no padding or explanation of concepts Claude already knows.

5 / 5

Actionability

Provides executable commands and specific APIs (ng add, provideClientHydration(withEventReplay()), RenderMode values), though the render-mode config is described rather than shown as a complete copy-pasteable snippet.

4 / 5

Workflow Clarity

Steps are numbered and sequenced (sections 1–5) but lack any validation or verification checkpoints to confirm hydration or SSR output works.

3 / 5

Progressive Disclosure

Well-organized overview body with a single, clearly signaled one-level-deep reference to a real references/hydration.md file; no nested references.

5 / 5

Total

17

/

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.

The description is strong: it names concrete capabilities, gives an explicit 'Use when' trigger with natural keyword coverage, and carves out a distinct niche. Minor improvement is possible by leading with verbs and adding more synonym/file-extension triggers.

DimensionReasoningScore

Specificity

Lists three concrete capabilities ('hydration, TransferState caching, and per-route render modes'), but they are named as noun phrases rather than verb-led actions, leaving minor gaps versus the comprehensive anchor.

4 / 5

Completeness

Explicitly states what it does ('Implement Angular SSR with hydration, TransferState caching, and per-route render modes') and when to use it via a concrete 'Use when...' clause with multiple trigger phrases.

5 / 5

Trigger Term Quality

Provides good natural keyword coverage ('Angular Universal SSR, client hydration, static prerendering, or preventing double-fetching'), though a few common synonyms or file-extension triggers are missing.

4 / 5

Distinctiveness Conflict Risk

Occupies a clear Angular SSR niche with distinct triggers (TransferState, render modes, hydration), making overlap with other skills minimal.

5 / 5

Total

18

/

20

Passed

Validation

87%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

metadata_field

'metadata' should map string keys to string values

Warning

Total

14

/

16

Passed

Repository
HoangNguyen0403/agent-skills-standard
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.