К основному содержанию
скилл CX Codex

angular-ssr — скилл для Claude Code: SSR и установка

Скилл для задач Angular SSR, гидратации и пререндеринга. Он устарел: текущая версия больше не поддерживается.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add analogjs/angular-skills --skill angular-ssr -a claude-code
Открыть на GitHub

Что делает angular-ssr

angular-ssr был рассчитан на Angular v20+ и работу с @angular/ssr: настройку серверного рендеринга, стратегий гидратации, пререндеринга страниц и совместимости кода с браузерными API. Он должен был срабатывать при настройке SSR, поиске расхождений гидратации и подготовке маршрутов к пререндерингу.

Сейчас скилл помечен как устаревший, а его инструкции удалены, чтобы не оставлять старые рекомендации. Для нового проекта это повод проверить официальные Angular skills вместо установки этого пакета. Удаление выполняется командой npx skills remove analogjs/angular-skills.

Какие задачи решает

  • настроить серверный рендеринг в Angular
  • найти причину расхождений гидратации
  • подготовить маршруты для пререндеринга
  • сделать код совместимым с браузерными API

Примеры запросов агенту

  • Проверь конфигурацию SSR в Angular v20+ и укажи, что нужно изменить.
  • Найди возможные причины расхождения гидратации в этом Angular-проекте.
  • Подготовь маршруты Angular для пререндеринга статических страниц.

Как установить angular-ssr

1Через Skills CLI (Vercel)

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

2Вручную: положить файлы

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

Папка скилла целиком; для одного проекта — .claude/skills/angular-ssr/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Из того же набора10

angular-signals Помогает переводить состояние в Angular v20+ на сигналы и заменять потоки RxJS. Автор признал скилл устаревшим в пользу официального набора. CX Codex +1 8 800установок angular-forms Скилл для форм на Signal Forms в Angular v21+, который больше не поддерживают: в пакете осталось уведомление о замене на официальные скиллы Angular. CX Codex +1 7 100установок angular-routing Скилл от AnalogJS для настройки маршрутизации в Angular v20+. Проект устарел: автор удалил инструкции и советует официальный пакет angular/skills. CX Codex +1 6 800установок angular-http Скилл для настройки HTTP-запросов в Angular v20+ через сигналы и HttpClient. Разработка остановлена в пользу официального набора skills от команды Angular. CX Codex +1 6 500установок angular-testing Заброшенный скилл по тестам Angular: внутри только пометка о том, что его больше не поддерживают, и отсылка к официальному набору Angular. Пригодится, чтобы вовремя убрать его из проекта. CX Codex +1 6 400установок angular-directives Скилл для Angular-директив, который больше не поддерживают. Вместо него команда Angular публикует официальные скиллы. CX Codex +1 5 700установок angular-di Скилл для настройки внедрения зависимостей в Angular v20+ через inject() и токены. Проект архивирован авторами, а его инструкции удалены из репозитория. CX Codex +1 5 700установок angular-tooling Скилл для работы с Angular CLI в проектах Angular v20 и новее: создание проекта, генерация кода, сборка и тесты. Больше не поддерживается. CX Codex +1 5 200установок

Похожие

angular-developer Copyright 2026 Google LLC Генерирует Angular-код и подсказывает архитектурные решения для компонентов, сервисов, форм, маршрутизации и HTTP. Пригодится для новых и существующих проектов. CX Codex +1 46 100установок angular-performance gentleman-programming Скилл для Angular: подсказывает, как грузить картинки через NgOptimizedImage, откладывать тяжёлые компоненты через @defer и настроить SSR с гидратацией. CX Codex +1 350установок firebase-app-hosting-basics Google LLC Скилл помогает разворачивать и управлять SSR-приложениями на Next.js и Angular через Firebase App Hosting. Нужен для конфигурации, секретов и деплоя. CX Codex +1 169 700установок support-prerendering dotnet Настраивает интерактивные компоненты Blazor для работы с пререндерингом. Помогает устранить повторную загрузку данных, мерцание интерфейса и ошибки null при переходе в интерактивный режим. CX Codex +1 3 000установок astro-framework delineas Скилл для ИИ-агента, который разбирается в islands architecture, гидратации и Content Layer API. Пригодится, когда проект на Astro растёт и нужно решить, что рендерить на сервере, а что в браузере. CX Codex +1 2 200установок streaming-ssr patterns.dev Учит агента отдавать HTML чанками через renderToPipeableStream и Suspense. Пригодится, когда страница большая и ждать полной отрисовки перед первым байтом нельзя. CX Codex +1 883установок

Рядом в теме «Фронтенд и UI»

Всё по теме «Фронтенд и UI» →

Вопросы о angular-ssr

Как установить angular-ssr в Claude Code?

Выполните npx skills add analogjs/angular-skills --skill angular-ssr -a claude-code, затем повторите npx skills add analogjs/angular-skills --skill angular-ssr -a claude-code, после чего используйте файл ~/.claude/skills/angular-ssr/SKILL.md.

Что делает angular-ssr?

Скилл был предназначен для SSR и гидратации в Angular v20+ с @angular/ssr, а также для пререндеринга и обработки браузерных API. Его текущие инструкции удалены.

Можно ли использовать angular-ssr в новом проекте?

Скилл не поддерживается. Для нового проекта источник советует использовать официальные Angular skills.

Исходный текст

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.

© analogjs · MIT · analogjs/angular-skills

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой