{
  "markdown": "# angular-ssr\n\nAn [Agent Skill](https://agentskills.io) that guides AI coding assistants to correctly set up Angular SSR, diagnose NG05xx hydration errors, and apply SSR patterns in Angular v17+ applications.\n\nWorks with Claude Code, GitHub Copilot, OpenAI Codex, Cursor, Gemini CLI, and any other agent that supports the [Agent Skills](https://agentskills.io) open standard.\n\n---\n\n## What it does\n\n- **Setup** — correct wiring of `provideClientHydration()`, HTTP Transfer State, incremental hydration, engine selection, and server route configuration\n- **Diagnose** — structured 7-step root cause process for NG05xx hydration errors before suggesting any fix\n- **Patterns** — correct vs incorrect patterns for DOM access, platform detection, browser-only APIs, and per-request server providers\n- **Anti-pattern blacklist** — stops the AI from reaching for `ngSkipHydration`, `isPlatformBrowser` in templates, or `typeof window !== 'undefined'` as a first instinct\n\n### NG05xx errors covered\n\n| Code | Meaning |\n|---|---|\n| NG0500 | Missing hydration annotations |\n| NG0501 | Skip hydration flag on mismatched node |\n| NG0502 | No hydration info in server response |\n| NG0503 | Node not found / DOM mismatch |\n| NG0506 | Application unstable (stability timeout) |\n\n---\n\n## Installation\n\nClone this repo into your agent's skills directory:\n\n### Claude Code\n```bash\ngit clone https://github.com/sonukapoor/angular-ssr ~/.claude/skills/angular-ssr\n```\n\n### OpenAI Codex\n```bash\ngit clone https://github.com/sonukapoor/angular-ssr ~/.codex/skills/angular-ssr\n```\n\n### Gemini CLI\n```bash\ngit clone https://github.com/sonukapoor/angular-ssr ~/.gemini/skills/angular-ssr\n```\n\n### Other agents\nSee [agentskills.io/clients](https://agentskills.io/clients) for your agent's skills directory path.\n\n---\n\n## Requirements\n\n- Angular v17 or later\n- `@angular/ssr` (built-in SSR — not Angular Universal)\n\n---\n\n## Scope\n\nCovers the modern Angular SSR stack:\n\n- `provideClientHydration()`, `withEventReplay()`, `withIncrementalHydration()`\n- `AngularNodeAppEngine`, `CommonEngine`, `AngularAppEngine`\n- HTTP Transfer State with `withHttpTransferCacheOptions()`\n- `afterNextRender`, `DOCUMENT` token, `REQUEST` / `RESPONSE_INIT` / `REQUEST_CONTEXT` tokens\n- Server route configuration with `RenderMode`\n- i18n hydration support with `withI18nSupport()`\n\nDoes **not** cover Angular Universal / v16 and earlier, noop-zone SSR, or platform-specific adapters (Netlify, Vercel edge).\n\n---\n\n## Contributing\n\nIssues and PRs welcome. If you find a pattern that AI assistants consistently get wrong in Angular SSR, open an issue with a reproduction and it'll be added to the skill.\n",
  "bytes": 2655,
  "sha": "0d6eb8b9d3de3a9bffef9320e74c9fbcd7d73ef3ec2795479d50f6f22cb5b5f1",
  "repo_slug": "sonukapoor/angular-ssr",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/plg_sonukapoor_angular_ssr_angular_ssr_ac4b3617/readme"
}