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

angular-di — скилл для Claude Code: что делает и как установить

Скилл для настройки внедрения зависимостей в Angular v20+ через inject() и токены. Проект архивирован авторами, а его инструкции удалены из репозитория.

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

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

Скилл разрабатывался командой analogjs для управления архитектурой сервисов в Angular версии 20 и выше. Он подсказывал агенту правила работы с функцией inject(), создание injection tokens и конфигурацию провайдеров на уровне компонентов или всего приложения.

Сейчас скилл официально устарел и больше не поддерживается. Разработчики очистили рабочую ветку репозитория, чтобы не отдавать модели устаревшие правила. Установка angular-di добавит в проект только предупреждение об архивации, так как авторы удалили всё прежнее руководство, оставив его лишь в истории коммитов git.

Вместо этого набора создатели советуют переходить на официальный пакет angular/skills от команды Angular. Если скилл уже был добавлен в проект ранее, его можно убрать командой npx skills remove analogjs/angular-skills.

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

  • Сконфигурировать внедрение зависимостей через inject() в Angular v20+
  • Создать типизированные injection tokens для сервисов и параметров
  • Настроить область видимости между singleton и scoped-провайдерами
  • Разместить зависимости на разных уровнях иерархии компонентов

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

  • Покажи пример объявления injection token и регистрации провайдера в Angular
  • Перепиши сервис с конструктора на внедрение через функцию inject()
  • Настрой scoped-провайдер на уровне отдельного компонента

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

1Через Skills CLI (Vercel)

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

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

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

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

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

Вопросы о angular-di

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

Выполните команду npx skills add analogjs/angular-skills --skill angular-di -a claude-code в терминале проекта.

Что делал скилл angular-di?

Он инструктировал агента по архитектуре внедрения зависимостей в Angular v20+, настройке токенов и разделению синглтонов со scoped-сервисами.

Почему скилл помечен как deprecated?

Команда analogjs прекратила его поддержку после появления официального репозитория angular/skills от авторов фреймворка.

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

SKILL.md · MIT
---
name: angular-di
description: DEPRECATED - this skill is unmaintained. Use the official Angular skills at https://github.com/angular/skills instead. Implement dependency injection in Angular v20+ using inject(), injection tokens, and provider configuration. Use for service architecture, providing dependencies at different levels, creating injectable tokens, and managing singleton vs scoped services. Triggers on service creation, configuring providers, using injection tokens, or understanding DI hierarchy.
---

# Angular Dependency Injection

> **⚠️ 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

Похожие скиллы

Всё по теме «Фронтенд и UI» →
angular-new-app Angular Team @ Google Скилл для быстрого создания нового Angular-приложения с помощью Angular CLI. Проверяет окружение, генерирует проект с нужными флагами и направляет разработку по лучшим практикам Angular. CX Codex +1 19 200установок angular-migration Seth Hobson Помогает переносить приложения с AngularJS на Angular по частям или целиком. Пригодится для гибридных приложений, замены компонентов и обновления зависимостей. CX Codex 10 900установок angular-architect https://github.com/Jeffallan Скилл для Claude Code и других ИИ-редакторов: собирает компоненты Angular 17+ на standalone и сигналах, настраивает маршрутизацию, NgRx и RxJS. CX Codex +1 4 800установок angular-developer affaan-m Скилл генерирует код на Angular с учётом версии проекта, настраивает сигналы, формы и запускает проверку сборки. CX Codex +1 4 500установок angular-best-practices Boise-State-Development Держит агента в рамках Angular 21: сигналы, standalone-компоненты, реактивные формы. Пригодится, когда агент тянет в проект устаревший синтаксис. CX Codex +1 756установок angular-development Mindrally Задаёт агенту правила Angular, SASS и TypeScript: строгая типизация, standalone-компоненты, сигналы. Пригодится, когда в проекте уже есть Angular. CX Codex +1 705установок

Из того же набора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-tooling Скилл для работы с Angular CLI в проектах Angular v20 и новее: создание проекта, генерация кода, сборка и тесты. Больше не поддерживается. CX Codex +1 5 200установок angular-ssr Скилл для задач Angular SSR, гидратации и пререндеринга. Он устарел: текущая версия больше не поддерживается. CX Codex +1 3 900установок

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

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