AIKraft/Skills/Разработчик angular

Разработчик angular

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, services, or HTTP communication, or for best practices on reactivity (signals, linkedSignal, resource, httpResource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.

angular official Дизайн

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

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

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

  • Создание нового Angular-проекта с использованием Angular CLI и настройка базовой структуры.
  • Генерация компонентов, сервисов, директив, пайпов и маршрутов с соблюдением стандартов Angular.
  • Реализация форм с использованием Signal Forms (для Angular v22+) и управление зависимостями.
  • Настройка HTTP-взаимодействий, анимаций, стилизации (включая Tailwind CSS) и SSR.
  • Тестирование кода и обеспечение доступности (ARIA) в разрабатываемых компонентах.

Как работает

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

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

Создай новый Angular-проект с использованием последних стабильных версий и настрой Signal Forms.
Сгенерируй компонент и сервис для Angular, следуя лучшим практикам, и проверь сборку.
Реализуй HTTP-запрос и маршрутизацию в Angular проекте с учетом доступности (ARIA).

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

  • Angular CLI
  • Среда выполнения Angular (версия определяется пользователем или используется последняя стабильная)

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

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

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

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