angular-ssr
Implement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and handling browser-only APIs. Triggers on SSR configuration, fixing hydration mismatches, prerendering routes, or making code SSR-compatible.
Install with Tessl CLI
npx tessl i github:analogjs/angular-skills --skill angular-ssr95
Does it follow best practices?
Validation for skill structure
Discovery
100%Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.
This is an excellent skill description that clearly defines its scope (Angular v20+ SSR with @angular/ssr), lists specific capabilities, and provides explicit trigger conditions. It uses third person voice correctly and includes both 'Use for' and 'Triggers on' clauses that comprehensively cover when the skill should be selected.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions: 'server-side rendering and hydration', 'SSR setup', 'hydration strategies', 'prerendering static pages', 'handling browser-only APIs', 'fixing hydration mismatches', 'making code SSR-compatible'. | 3 / 3 |
Completeness | Clearly answers both what ('Implement server-side rendering and hydration in Angular v20+ using @angular/ssr') and when ('Use for SSR setup...Triggers on SSR configuration, fixing hydration mismatches, prerendering routes, or making code SSR-compatible'). | 3 / 3 |
Trigger Term Quality | Includes natural keywords users would say: 'SSR', 'hydration', 'prerendering', 'hydration mismatches', 'SSR-compatible', '@angular/ssr', 'Angular v20+'. These cover common variations and technical terms users would naturally use. | 3 / 3 |
Distinctiveness Conflict Risk | Highly specific niche targeting Angular v20+ SSR with @angular/ssr package. The combination of framework version, specific package, and SSR-specific triggers makes it clearly distinguishable from general Angular skills or other framework SSR skills. | 3 / 3 |
Total | 12 / 12 Passed |
Implementation
87%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This is a high-quality skill document that efficiently covers Angular SSR with executable, copy-paste ready code examples. The content is well-structured with clear sections and appropriate use of tables for quick reference. The main weakness is the lack of explicit validation/verification steps in workflows, particularly for confirming successful SSR setup and diagnosing hydration issues.
Suggestions
Add a validation section after setup showing how to verify SSR is working correctly (e.g., checking page source for server-rendered content, verifying hydration completed)
Include a troubleshooting workflow for common hydration mismatches with explicit diagnostic steps
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The content is lean and efficient, providing code examples without explaining basic concepts Claude already knows. Every section delivers actionable information without padding or unnecessary context. | 3 / 3 |
Actionability | Fully executable code examples throughout - from setup commands to complete TypeScript configurations. Code is copy-paste ready with proper imports and realistic usage patterns. | 3 / 3 |
Workflow Clarity | While individual sections are clear, the overall workflow lacks explicit validation checkpoints. For SSR setup and deployment, there are no verification steps to confirm successful configuration or catch hydration mismatches before deployment. | 2 / 3 |
Progressive Disclosure | Well-organized with clear sections progressing from setup to advanced topics. References external file (references/ssr-patterns.md) for advanced patterns, keeping the main document focused. Tables provide quick reference without bloating content. | 3 / 3 |
Total | 11 / 12 Passed |
Validation
100%Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.
Validation — 11 / 11 Passed
Validation for skill structure
No warnings or errors.
- 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.