skill CX Codex

angular-ssr — Claude Code skill: SSR and installation

Q: How do I install angular-ssr in Claude Code?

Run `npx skills add analogjs/angular-skills --skill angular-ssr -a claude-code`, run `npx skills add analogjs/angular-skills --skill angular-ssr -a claude-code` again, then use `~/.claude/skills/angular-ssr/SKILL.md`.

A skill for Angular SSR, hydration, and prerendering tasks. It is deprecated and no longer maintained.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓

npx skills add analogjs/angular-skills --skill angular-ssr -a claude-code

Open on GitHub

What angular-ssr does

angular-ssr was intended for Angular v20+ projects using @angular/ssr. Its scope covered server-side rendering setup, hydration strategies, static page prerendering, and browser-only APIs. It was meant to trigger when an agent configured SSR, investigated hydration mismatches, or made code SSR-compatible.

The skill is now deprecated, and its instructions were removed instead of being left stale. That makes it a poor fit for a new project; check the official Angular skills instead. You can remove it with npx skills remove analogjs/angular-skills.

What it helps with

set up server-side rendering in Angular
trace hydration mismatches
prerender static routes
adapt code for browser-only APIs

Example prompts for the agent

Review this Angular v20+ project and check its SSR configuration.
Find likely causes of a hydration mismatch in this Angular app.
Prepare these Angular routes for static prerendering.

How to install angular-ssr

1Skills CLI (Vercel)

npx skills add analogjs/angular-skills --skill angular-ssr -a claude-code

2Manually: put the files in place

~/.claude/skills/angular-ssr/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/angular-ssr/

1Skills CLI (Vercel)

npx skills add analogjs/angular-skills --skill angular-ssr -a codex

2Manually: put the files in place

.agents/skills/angular-ssr/SKILL.md

For all projects use ~/.agents/skills/

1Skills CLI (Vercel)

npx skills add analogjs/angular-skills --skill angular-ssr -a cursor

2Manually: put the files in place

.cursor/skills/angular-ssr/SKILL.md

Cursor also reads .agents/skills/ and .claude/skills/

1GitHub CLI

gh skill install analogjs/angular-skills angular-ssr

2Manually: put the files in place

.github/skills/angular-ssr/SKILL.md

1Skills CLI (Vercel)

npx skills add analogjs/angular-skills --skill angular-ssr -a gemini-cli

2Platform CLI

gemini skills install https://github.com/analogjs/angular-skills --path skills/angular-ssr

Manually: put the files in place

.devin/skills/angular-ssr/SKILL.md

The legacy .windsurf/skills/ path still works

Skills CLI (Vercel)

npx skills add analogjs/angular-skills --skill angular-ssr -a opencode

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about angular-ssr

How do I install angular-ssr in Claude Code?

Run npx skills add analogjs/angular-skills --skill angular-ssr -a claude-code, run npx skills add analogjs/angular-skills --skill angular-ssr -a claude-code again, then use ~/.claude/skills/angular-ssr/SKILL.md.

What does angular-ssr do?

It was intended to guide Angular v20+ SSR and hydration work with @angular/ssr, including prerendering and browser-only APIs. Its current instructions have been removed.

Should I use angular-ssr for a new project?

The skill is deprecated and unmaintained. The source recommends using the official Angular skills for new work.

Source text

SKILL.md · MIT

---
name: angular-ssr
description: DEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. 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.
---

# Angular SSR

> **⚠️ Deprecated.** This skill is no longer maintained, and its guidance has been
> removed rather than left to go stale. The Angular team now publishes official
> skills at [angular/skills](https://github.com/angular/skills) — install those
> instead:
>
> ```sh
> npx skills add https://github.com/angular/skills
> ```
>
> To remove these: `npx skills remove analogjs/angular-skills`

The previous contents of this skill remain available in this repository's git
history.

Similar skills

Everything for Frontend and UI →

angular-developer Copyright 2026 Google LLC Generates Angular code and gives architecture guidance for components, services, forms, routing, and HTTP. Useful when starting or changing an Angular project. CX Codex +1 46,100installs angular-performance gentleman-programming An Angular skill that tells the agent how to load images with NgOptimizedImage, defer heavy components with @defer, and set up SSR with hydration. CX Codex +1 350installs firebase-app-hosting-basics Google LLC Deploy and manage SSR web apps built with Next.js or Angular on Firebase App Hosting. Use it for configuration, secrets, and deployment workflows. CX Codex +1 169,700installs support-prerendering dotnet Configures interactive Blazor components to handle prerendering cleanly. It prevents duplicate data fetches, UI flicker during handoff, and null reference crashes. CX Codex +1 3,000installs astro-framework delineas A skill that turns your coding agent into a senior Astro engineer. Useful once a content site needs islands, server rendering or the Content Layer API. CX Codex +1 2,200installs streaming-ssr patterns.dev Teaches the agent to flush HTML in chunks with renderToPipeableStream and Suspense. Useful when a large page can't wait for the full tree before the first byte. CX Codex +1 883installs

From the same set10

angular-signals Helps manage reactive state in Angular v20+ with signals and replaces RxJS patterns. Marked as deprecated in favor of official skills. CX Codex +1 8,800installs angular-forms A Signal Forms skill for Angular v21+ that is no longer maintained. The package now holds a deprecation notice pointing to the official Angular skills. CX Codex +1 7,100installs angular-routing AnalogJS skill for routing in Angular v20+ projects. Now deprecated: the maintainer removed the rules and points to official angular/skills. CX Codex +1 6,800installs angular-http Guides HTTP data fetching in Angular v20+ using signals and HttpClient. Now deprecated in favor of the official Angular skills repository. CX Codex +1 6,500installs angular-testing An abandoned Angular testing skill whose instructions were pulled out. What is left is a deprecation note and a pointer to the official Angular set. CX Codex +1 6,400installs angular-directives An Angular directives skill that is no longer maintained. The Angular team now ships official skills instead. CX Codex +1 5,700installs angular-di A dependency injection skill for Angular v20+ using inject() and tokens. The analogjs team deprecated this package and cleared its instructions. CX Codex +1 5,700installs angular-tooling A skill for driving Angular CLI in Angular v20+ projects: scaffolding, code generation, builds and tests. It is no longer maintained. CX Codex +1 5,200installs