Skip to main content
skill CX Codex

angular-development · manutej — Claude Code skill: modern Angular patterns

An Angular skill covering components, services, DI, routing, forms and Signals. Useful when the agent writes Angular and mixes old patterns with new ones.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add manutej/luxor-claude-marketplace --skill angular-development -a claude-code
Open on GitHub

What angular-development does

The skill lays out current Angular practice: standalone components, dependency injection through inject(), reactive forms with validation, routing with lazy loading and guards, state handled by Signals and RxJS. It ships code samples and walks through component lifecycle hooks, HTTP client integrations, custom directives and pipes. Migrating older patterns to modern ones gets its own section.

Everything traces back to the official Angular documentation, wired through Context7 to the /angular/angular library. So the agent pulls real API signatures instead of guessing. That matters on a project already running a recent version, where a model tends to reach for NgModule and constructor injection anyway.

The skill sets boundaries for the agent; it does not build your app or lint your code. If your project follows its own architecture, say so in the prompt, or you will get the standard Angular layout back.

What it helps with

  • convert a component to standalone and drop the extra NgModule
  • swap constructor injection for inject() in a service
  • add lazy loading to a route with an auth guard
  • build a validated form on reactive controls
  • move component state onto Signals

Example prompts for the agent

  • Create a standalone user-profile component with its template and styles
  • Rewrite UserService to use inject() instead of the constructor
  • Set up lazy loading for the admin route with an auth guard

How to install angular-development

1Skills CLI (Vercel)

npx skills add manutej/luxor-claude-marketplace --skill angular-development -a claude-code

2Manually: put the files in place

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

Copy the whole skill folder; for one project use .claude/skills/angular-development/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about angular-development

How do I install angular-development in Claude Code?

Run npx skills add manutej/luxor-claude-marketplace --skill angular-development -a claude-code. The skill file lands at ~/.claude/skills/angular-development/SKILL.md.

What does angular-development do?

It hands the agent an Angular reference: components, directives, services, dependency injection, routing, reactive forms, Signals and RxJS. The samples follow the official documentation.

What is the skill based on?

The official Angular documentation, connected through Context7 to the /angular/angular library. The agent therefore works from current API signatures rather than memory.

Similar skills

Everything for Frontend and UI →

angular-development by other authors comes first.

From the same set59

database-management-patterns A reference skill for PostgreSQL and MongoDB work: schema design, indexing, transactions, replication and sharding. CX Codex +1 466installs kubernetes-orchestration This skill guides an agent through Kubernetes workloads, networking, storage, security, and operations. Use it when planning or reviewing container orchestration. CX Codex +1 463installs react-development A skill that feeds your coding agent React patterns: components, hooks, state and effects, taken from the official react.dev docs. CX Codex +1 464installs tailwind-css A Tailwind CSS skill covering utility classes, responsive variants, dark mode and production optimization. Handy when you build UI and want to stay in your markup. CX Codex +1 461installs vector-database-management A skill for Pinecone, Weaviate and Chroma: indexes, embeddings, similarity search and RAG. Useful when you need semantic search in a project. CX Codex +1 459installs performance-benchmark-specialist Sets up benchmarks for shell tools: warmup runs, statistics, and target checks like <100ms and >90% cache hit rate. CX Codex +1 456installs observability-monitoring This skill covers Prometheus and Grafana monitoring, from metric collection and PromQL to alerts and dashboards for distributed services. CX Codex +1 455installs PostgreSQL Database Administration A PostgreSQL administration skill: schema design, indexing, backups and query tuning. Useful when the agent writes SQL for a ticketing system or reporting. CX Codex +1 452installs

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor