angular-di — Claude Code skill: what it does, how to install
A dependency injection skill for Angular v20+ using inject() and tokens. The analogjs team deprecated this package and cleared its instructions.
npx skills add analogjs/angular-skills --skill angular-di -a claude-codeWhat angular-di does
The skill originally guided coding assistants through dependency injection patterns in Angular v20 and newer. It covered service architecture and provider scopes using the inject() function.
This package is now formally deprecated and unmaintained. The analogjs maintainers wiped the rule content directly from the repository so models would not read outdated instructions. Installing angular-di now only brings in a deprecation notice, while earlier guidance remains purely in git history.
Authors advise developers to switch to the official angular/skills repository instead. If you previously installed this skill into your workspace, run npx skills remove analogjs/angular-skills to clean it up.
What it helps with
- Set up dependency injection via the inject() function in Angular v20+
- Create typed injection tokens for services and configuration
- Configure provider hierarchies across components and root injectors
- Manage singleton versus component-scoped service lifecycles
Example prompts for the agent
- Show how to define an injection token and register its provider in Angular
- Refactor this component service injection to use inject() instead of constructor
- Set up a scoped service provider inside a specific Angular component
How to install angular-di
1Skills CLI (Vercel)
npx skills add analogjs/angular-skills --skill angular-di -a claude-code2Manually: put the files in place
~/.claude/skills/angular-di/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/angular-di/
1Skills CLI (Vercel)
npx skills add analogjs/angular-skills --skill angular-di -a codex2Manually: put the files in place
.agents/skills/angular-di/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add analogjs/angular-skills --skill angular-di -a cursor2Manually: put the files in place
.cursor/skills/angular-di/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install analogjs/angular-skills angular-di2Manually: put the files in place
.github/skills/angular-di/SKILL.md1Skills CLI (Vercel)
npx skills add analogjs/angular-skills --skill angular-di -a gemini-cli2Platform CLI
gemini skills install https://github.com/analogjs/angular-skills --path skills/angular-diManually: put the files in place
.devin/skills/angular-di/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add analogjs/angular-skills --skill angular-di -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about angular-di
How to install angular-di in Claude Code?
Run npx skills add analogjs/angular-skills --skill angular-di -a claude-code in your terminal.
What did the angular-di skill do?
It guided AI agents in implementing Angular v20+ dependency injection, including inject() usage and scoped provider setup.
Why is angular-di deprecated?
The analogjs team stopped maintenance after the Angular core team published their own official angular/skills repository.
Source text
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
