AIKraft/AI/Войти
AIKraft/Skills/angular-developer

angular-developer

Генерирует код Angular и дает архитектурные советы. Полезен при создании проектов, компонентов, сервисов, работе с реактивностью (signals, httpResource), формами, DI, роутингом, SSR, доступностью (ARIA), анимациями, Tailwind CSS, тестированием и CLI.

ANangular official Разработка ★ 101k

Что делает навык

Генерирует код Angular и предоставляет архитектурные советы, следуя официальным руководствам и лучшим практикам. Помогает создавать проекты, компоненты, сервисы и настраивать реактивность, формы, роутинг и SSR.

Когда применять

  • Создание нового Angular-проекта с использованием Angular CLI
  • Генерация компонентов, сервисов, директив, пайпов и маршрутов
  • Работа с реактивностью (signals, httpResource) и Signal Forms
  • Настройка зависимостей (DI), роутинга, SSR и доступности (ARIA)
  • Тестирование и использование Tailwind CSS в проекте

Как работает

  1. Анализировать версию Angular проекта перед предоставлением рекомендаций
  2. Генерировать код в соответствии со стилевым гидом Angular для обеспечения поддерживаемости и производительности
  3. Использовать Angular CLI для создания компонентов, сервисов, директив, пайпов и маршрутов
  4. Запускать команду ng build после генерации кода для проверки на ошибки
  5. Анализировать сообщения об ошибках и исправлять их до продолжения работы
  6. При создании нового проекта использовать последнюю стабильную версию Angular и Signal Forms (для версий v22+)

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

Создай новый Angular-проект с использованием Angular CLI
Сгенерируй компонент и сервис для Angular, следуя лучшим практикам
Настрой роутинг и SSR для существующего Angular-приложения

Что понадобится

  • Angular CLI
  • Установленный Angular (версия определяется автоматически или указывается пользователем)

Описание составлено по SKILL.md навыка, сверено 06.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «angular-angular-developer» из репозитория: # https://github.com/angular/angular
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r angular-angular-developer/ ~/.claude/skills/angular-angular-developer/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.