angular · davila7 — скилл для Claude Code: что делает и как установить
Скилл помогает разрабатывать Angular v20+ через Signals, standalone-компоненты и современные реактивные паттерны. Пригодится для новых приложений и постепенной миграции.
npx claude-code-templates@latest --skill development/angularЧто делает angular
Скилл ориентирован на Angular v20+ и помогает агенту разбирать версию проекта и его структуру перед изменениями. Он подсказывает, как применять Signals для состояния и вычисляемых значений, standalone-компоненты вместо NgModules, zoneless-режим, SSR, prerendering и hydration.
Работа строится по шагам: выбрать современный паттерн, сохранить типизацию и реактивность, затем проверить результат сборкой и тестами. Для HTTP-запросов и сложных асинхронных потоков в описании оставлен RxJS, а Signals предназначены для локального состояния и производных значений.
Для проекта, который нельзя обновить до Angular v20+, этот скилл не подходит. Миграцию с AngularJS следует вести другим скиллом, а крупный рефакторинг существующего приложения выполнять постепенно.
Какие задачи решает
- создать приложение на Angular v20+
- перевести состояние компонентов на Signals
- заменить NgModules на standalone-компоненты
- настроить SSR, prerendering и hydration
Примеры запросов агенту
- Создай компонент Angular v20+ для профиля пользователя с Signals и standalone API.
- Переведи этот модуль Angular на standalone-компоненты и сохрани типизацию.
- Проверь, как включить zoneless-режим в проекте, затем запусти сборку и тесты.
Как установить angular
1Через claude-code-templates
npx claude-code-templates@latest --skill development/angular2Через Skills CLI (Vercel)
npx skills add davila7/claude-code-templates --skill angular -a claude-code3Вручную: положить файлы
~/.claude/skills/angular/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/angular/
Вручную: положить файлы
.agents/skills/angular/SKILL.mdДля всех проектов — ~/.agents/skills/
Вручную: положить файлы
.cursor/skills/angular/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install davila7/claude-code-templates angular2Вручную: положить файлы
.github/skills/angular/SKILL.mdКомандой платформы
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/angularВручную: положить файлы
.devin/skills/angular/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о angular
Как установить angular в Claude Code?
Выполните npx claude-code-templates@latest --skill development/angular.
Что делает скилл angular?
Он помогает агенту работать с Angular v20+, Signals, standalone-компонентами, zoneless-приложениями, SSR и реактивными паттернами. После изменений скилл предлагает проверить сборку и тесты.
Подойдёт ли angular для миграции с AngularJS?
Нет. Для миграции с AngularJS в описании предусмотрен отдельный скилл angular-migration.
Похожие скиллы
Все скиллы по теме «Фронтенд и UI» →Сначала — angular от других авторов.
