angular-developer

angular-developer is a comprehensive Angular guidance skill that generates Angular code and provides architectural direction. It solves the problem of version-sensitive, best-practice Angular development by instructing the agent to first detect the project's Angular version (since features and idioms vary substantially across versions) and then apply the appropriate patterns, using the Angular CLI for scaffolding to keep code consistent.

The skill is organized as a SKILL.md hub with roughly forty reference documents covering components, signal-based inputs/outputs, host elements, reactivity (signals, computed, linkedSignal, resource, effects), forms (signal forms, reactive forms, template-driven), dependency injection and hierarchical injectors, routing (guards, resolvers, lifecycle, outlets, lazy loading), rendering and SSR strategies, accessibility/ARIA, animations (native CSS animate.enter/leave and the deprecated legacy DSL), component styling and Tailwind, testing (fundamentals, component harnesses, router testing, E2E), the Angular CLI, and the Angular MCP server. It defines explicit rules for creating new projects with ng new versus npx depending on requested version and existing installation, and requires running ng build after generating code to catch and fix errors.

Target users are Angular developers of all levels who want idiomatic, version-aware scaffolding and guidance. The commands it runs (ng version, ng new, ng build, npx @angular/cli) are standard, non-destructive developer tooling for building projects and validating output, giving it a small and safe operational footprint.