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

angular

Expert in Angular TypeScript development with scalable, high-performance patterns

mindrally official Разработка

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

Skill предоставляет экспертные инструкции по разработке масштабируемых и высокопроизводительных веб-приложений на Angular, SASS и TypeScript. Он обеспечивает строгую типизацию, соблюдение официального руководства по стилю Angular и применение современных паттернов, таких как standalone-компоненты и сигналы.

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

  • Создание новых Angular-приложений с соблюдением стандартов файловой организации и именования
  • Оптимизация производительности через использование сигналов, чистых пайпов и ленивой загрузки модулей
  • Рефакторинг кода для повышения модульности за счет композиции компонентов вместо наследования
  • Обеспечение безопасности и доступности через семантический HTML, ARIA-атрибуты и защиту от XSS

Как работает

  1. Определять модели данных с помощью интерфейсов и избегать использования типа any
  2. Структурировать файлы, размещая импорты перед определением класса, и использовать kebab-case для именования файлов
  3. Применять standalone-компоненты и функцию inject для прямого внедрения зависимостей
  4. Управлять реактивным состоянием с помощью системы сигналов Angular
  5. Использовать async pipe для подписок на Observable в шаблонах и trackBy для оптимизации ngFor
  6. Реализовывать обработку ошибок и валидацию форм, избегая прямого манипулирования DOM и innerHTML

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

Создай сервис Angular для управления состоянием пользователя, используя сигналы и чистые функции
Напиши компонент Angular с ленивой загрузкой, применяя standalone-архитектуру и оптимизацию рендеринга списков
Проверь код на соответствие стандартам Angular: проверь использование интерфейсов, kebab-case и отсутствие any

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

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

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

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