[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6EB3K1P4S2GZWBP2KX4N1CG":3,"skill-same:01M6EB3K1P4S2GZWBP2KX4N1CG":60},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":26,"linkOnly":27,"markdownContent":28,"markdownBody":29,"frontMatter":30,"refName":31,"commitSha":32,"skillDirectory":33,"forksCount":34,"repositoryHtmlUrl":35,"repositoryHomepageUrl":36,"ownerHtmlUrl":37,"ownerBlogUrl":6,"ownerDescription":38,"updatedAt":39,"install":40,"resources":53},"01M6EB3K1P4S2GZWBP2KX4N1CG","angular-ssr",null,"Hydration, TransferState, and Prerendering standards. Use when implementing Angular Universal SSR, hydration, or static prerendering. (triggers: **\u002F*.server.ts, server.ts, hydration, transferState, afterNextRender, isPlatformServer, RenderMode)","ComeOnOliver\u002Fskillshub","ComeOnOliver","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F43215937?v=4","01M6E5JNFECJAAVFE0W7SMWWD2","Haoran Shu","01M6E5JNNDQS7AJZDYFQ8TPZCK",67,"MIT","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002FHoangNguyen0403\u002Fagent-skills-standard\u002Fangular-ssr\u002FSKILL.md",[],[19,20,21,22,23,24,25],"ssr","angular","angular ssr","server","use","standards","triggers","2026-11-10 10:12:30",false,"---\nname: angular-ssr\ndescription: 'Hydration, TransferState, and Prerendering standards. Use when implementing Angular Universal SSR, hydration, or static prerendering. (triggers: **\u002F*.server.ts, server.ts, hydration, transferState, afterNextRender, isPlatformServer, RenderMode)'\n---\n\n# SSR (Server-Side Rendering)\n\n## **Priority: P2 (MEDIUM)**\n\n## Principles\n\n- **Hydration**: Run **ng add @angular\u002Fssr**. In `app.config.ts` add **provideClientHydration(withEventReplay())** to providers. This enables **full app hydration** where Angular reuses server-rendered DOM instead of wiping and re-rendering on the client.\n- **Platform Checks**: Use **afterNextRender(() => { \u002F_ window access _\u002F })** or `afterRender` for browser-only code (e.g., accessing **window**, **document**, or **localStorage**). For recurring access, inject **PLATFORM_ID** and check **isPlatformBrowser(platformId)**.\n- **TransferState**: Use **withHttpTransferCacheOptions()** or manual **TransferState** service to **prevent double-fetching** by caching server responses for client replay.\n\n## Render Modes (Angular 17+)\n\nConfigure per-route via **app.routes.server.ts** by exporting **ServerRoute[]**:\n\n- **RenderMode.Prerender** — Static HTML at build time (blogs, marketing)\n- **RenderMode.Server** — Dynamic SSR per request (user-specific pages)\n- **RenderMode.Client** — Client-only SPA (authenticated dashboards)\n\n## Incremental Hydration (Angular 19+)\n\nDefer hydration of heavy components using **@defer (hydrate on viewport)**:\n\n- Triggers: `viewport`, `interaction`, `idle`, `timer(ms)`, `immediate`, `never`\n- Add **withEventReplay()** to `provideClientHydration()` to capture user events before hydration completes.\n\n## Guidelines\n\n- **Browser Objects**: **Never access window** directly in component logic. Implement abstractions or use `afterNextRender`.\n- **Prerendering**: Use `getPrerenderParams()` in server routes to enumerate dynamic slugs.\n\n## Anti-Patterns\n\n- **No direct window\u002Fdocument access**: Use `afterNextRender()` or `PLATFORM_ID` check for browser APIs.\n- **No double-fetching**: Use `withHttpTransferCacheOptions()` or `TransferState` to avoid re-fetching on client.\n- **No SSR for auth-gated pages**: Set `RenderMode.Client` for authenticated dashboards.\n\n## References\n\n- [Hydration](references\u002Fhydration.md)\n\n","# SSR (Server-Side Rendering)\n\n## **Priority: P2 (MEDIUM)**\n\n## Principles\n\n- **Hydration**: Run **ng add @angular\u002Fssr**. In `app.config.ts` add **provideClientHydration(withEventReplay())** to providers. This enables **full app hydration** where Angular reuses server-rendered DOM instead of wiping and re-rendering on the client.\n- **Platform Checks**: Use **afterNextRender(() => { \u002F_ window access _\u002F })** or `afterRender` for browser-only code (e.g., accessing **window**, **document**, or **localStorage**). For recurring access, inject **PLATFORM_ID** and check **isPlatformBrowser(platformId)**.\n- **TransferState**: Use **withHttpTransferCacheOptions()** or manual **TransferState** service to **prevent double-fetching** by caching server responses for client replay.\n\n## Render Modes (Angular 17+)\n\nConfigure per-route via **app.routes.server.ts** by exporting **ServerRoute[]**:\n\n- **RenderMode.Prerender** — Static HTML at build time (blogs, marketing)\n- **RenderMode.Server** — Dynamic SSR per request (user-specific pages)\n- **RenderMode.Client** — Client-only SPA (authenticated dashboards)\n\n## Incremental Hydration (Angular 19+)\n\nDefer hydration of heavy components using **@defer (hydrate on viewport)**:\n\n- Triggers: `viewport`, `interaction`, `idle`, `timer(ms)`, `immediate`, `never`\n- Add **withEventReplay()** to `provideClientHydration()` to capture user events before hydration completes.\n\n## Guidelines\n\n- **Browser Objects**: **Never access window** directly in component logic. Implement abstractions or use `afterNextRender`.\n- **Prerendering**: Use `getPrerenderParams()` in server routes to enumerate dynamic slugs.\n\n## Anti-Patterns\n\n- **No direct window\u002Fdocument access**: Use `afterNextRender()` or `PLATFORM_ID` check for browser APIs.\n- **No double-fetching**: Use `withHttpTransferCacheOptions()` or `TransferState` to avoid re-fetching on client.\n- **No SSR for auth-gated pages**: Set `RenderMode.Client` for authenticated dashboards.\n\n## References\n\n- [Hydration](references\u002Fhydration.md)\n\n",{"name":5,"description":7},"main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002FHoangNguyen0403\u002Fagent-skills-standard\u002Fangular-ssr",24,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub","https:\u002F\u002Fskillshub.wtf","https:\u002F\u002Fgithub.com\u002FComeOnOliver","AI & Blockchain Engineer\r\n","2026-06-24 22:07:19",{"source":8,"skillName":5,"commands":41,"prompt":51,"zipAvailable":52},[42,45,48],{"tool":43,"command":44},"npx","npx skills add ComeOnOliver\u002Fskillshub --skill angular-ssr",{"tool":46,"command":47},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill angular-ssr",{"tool":49,"command":50},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill angular-ssr","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002FHoangNguyen0403\u002Fagent-skills-standard\u002Fangular-ssr\u002FSKILL.md",true,[54],{"path":55,"resourceType":56,"resourceTypeDesc":57,"sizeBytes":58,"sourceHtmlUrl":59},"methods.csv","ASSET","资产文件",9911,"https:\u002F\u002Fgithub.com\u002FdevelopAgent\u002Fbmad-start\u002Fblob\u002Fmain\u002F.iflow\u002Fskills\u002Fbmad-advanced-elicitation\u002Fmethods.csv",[61,75,85,94,100,107],{"skillNo":62,"name":63,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":64,"categories":65,"keywords":71,"publishedAt":26},"01M6FKJN13GMG4KY57J3QD8GY5","model-hierarchy-skill","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzscole\u002Fmodel-hierarchy-skill\u002Fmodel-hierarchy-skill\u002FSKILL.md",[66],{"categoryNo":67,"categoryName":68,"taxonomyType":69,"taxonomyTypeDesc":70},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[72,73,74],"model","model hierarchy","model hierarchy skill",{"skillNo":76,"name":77,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":78,"categories":79,"keywords":81,"publishedAt":26},"01M6FKJJJ6GCAMR4PPPRD12M5X","zoom-mcp","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-mcp\u002FSKILL.md",[80],{"categoryNo":67,"categoryName":68,"taxonomyType":69,"taxonomyTypeDesc":70},[82,83,84],"MCP","zoom","zoom mcp",{"skillNo":86,"name":87,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":88,"categories":89,"keywords":90,"publishedAt":26},"01M6FKJE3KYT3KPEZMEEHYKA6K","zoom-apps-sdk","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-apps-sdk\u002FSKILL.md",[],[91,92,93,83],"sdk","zoom apps sdk","apps",{"skillNo":95,"name":96,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":97,"categories":98,"keywords":99,"publishedAt":26},"01M6FKJ9EDH9Q5VWDF8HAJRSP0","windows","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwindows\u002FSKILL.md",[],[96],{"skillNo":101,"name":102,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":103,"categories":104,"keywords":106,"publishedAt":26},"01M6FKJ666BEEFC3AE9GJ72Q93","whiteboard","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwhiteboard\u002FSKILL.md",[105],{"categoryNo":67,"categoryName":68,"taxonomyType":69,"taxonomyTypeDesc":70},[102],{"skillNo":108,"name":109,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":110,"categories":111,"keywords":112,"publishedAt":26},"01M6FKJ21WFCDGTJQ2Q91T9DVW","websockets","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwebsockets\u002FSKILL.md",[],[109]]