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.
95
93%
Does it follow best practices?
Impact
Pending
No eval scenarios have been run
Advisory
Suggest reviewing before use
Quality
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 cover different user scenarios. The technical terminology is appropriate for the target audience while remaining searchable.
| 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', 'prerendering routes', '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, hydration strategies...' and 'Triggers on SSR configuration, fixing hydration mismatches...'). Has explicit trigger guidance. | 3 / 3 |
Trigger Term Quality | Excellent coverage of natural terms users would say: 'SSR', 'hydration', 'prerendering', 'hydration mismatches', 'SSR-compatible', '@angular/ssr', 'Angular v20+', 'browser-only APIs'. These are terms developers naturally use when working with Angular SSR. | 3 / 3 |
Distinctiveness Conflict Risk | Highly distinctive with clear niche: specifically targets Angular v20+ SSR with @angular/ssr package. The combination of framework version, specific package, and SSR-specific terminology makes it unlikely to conflict with 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 provides comprehensive, actionable guidance for Angular SSR implementation. The code examples are complete and executable, and the content is well-organized with appropriate use of tables for quick reference. The main weakness is the lack of explicit validation/debugging steps for common SSR issues like hydration mismatches.
Suggestions
Add a troubleshooting section with validation steps for common SSR issues (hydration mismatches, build errors, browser API errors on server)
Include a verification step after setup to confirm SSR is working correctly (e.g., 'Check page source to verify server-rendered HTML')
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The content is lean and efficient, providing code examples without explaining what SSR is or how Angular works. Every section delivers actionable information without padding or unnecessary context. | 3 / 3 |
Actionability | Fully executable code throughout - from setup commands to complete TypeScript examples. Code is copy-paste ready with proper imports, and tables provide quick reference for options. | 3 / 3 |
Workflow Clarity | Setup steps are clear and the project structure is well-documented, but there are no explicit validation checkpoints. For SSR setup which can have hydration mismatches and build issues, validation steps (e.g., 'verify hydration works by checking console for errors') would improve reliability. | 2 / 3 |
Progressive Disclosure | Well-organized with clear sections progressing from setup to advanced topics. References advanced patterns file at the end. Content is appropriately structured for a comprehensive skill without being monolithic. | 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.
- Repository
- analogjs/angular-skills
- Commit
610c90e
- 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.