angular-developer

Generate Angular code and architectural guidance for projects, components, and services.

50|7|Updated Apr 18, 2026
One-click install
npx skills add https://github.com/loiane/specs-driven-development-spring-angular --skill angular-developer-loiane
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular-developer
Source: https://github.com/loiane/specs-driven-development-spring-angular/tree/main/.windsurf/skills/angular-developer
Command: npx skills add https://github.com/loiane/specs-driven-development-spring-angular --skill angular-developer-loiane

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Streamlines Angular development by generating code and offering architectural guidance to accelerate project setup while enforcing best practices.

Core Features & Use Cases

  • Generates boilerplate for projects, components, services, and tests in alignment with Angular style guides.
  • Provides guidance on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, ARIA, animations, styling, testing, and CLI tooling.
  • Real-world use: quickly scaffold a new feature with a component and a supporting service following recommended patterns.

Quick Start

Ask it to scaffold a new Angular feature by specifying the type (project, component, or service) and the desired options.

Frequently Asked Questions about angular-developer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold an Angular component with signals and a supporting service?

To scaffold an Angular component with signals, specify the component type and desired options to generate boilerplate code alongside a supporting service, enforcing style guide consistency and reactivity best practices.

What is the best way to manage reactivity in Angular using linkedSignal and resource?

The best way to manage reactivity involves applying signals, linkedSignal, and resource APIs, enabling context-aware architectural guidance that enforces consistent state management patterns during your development workflow.

How do I set up Angular routing and dependency injection for a new feature?

Set up Angular routing and dependency injection by generating the project boilerplate, which provides concrete configuration steps and architectural checks to enforce recommended patterns for your new feature.

Does this Angular code generator support SSR and ARIA accessibility guidance?

Yes, the Angular code generator supports SSR and ARIA accessibility, providing architectural guidance and concrete checks to enforce best practices for server-side rendering and accessible component design.

Can I generate Angular test boilerplate aligned with the style guide?

Yes, you can generate Angular test boilerplate aligned with the style guide, producing concrete testing steps and context-aware recommendations to ensure consistent test coverage across components and services.

When should I not use automated Angular boilerplate code generation?

Avoid automated Angular code generation when your project requires highly custom architecture deviating from standard style guides, as the generator enforces consistency through concrete steps and recommended patterns.