angular-developer

Codify Angular project scaffolding, architecture, and testing guidelines.

23|46|Updated Sep 7, 2020
One-click install
npx skills add https://github.com/Legal-and-General/canopy --skill angular-developer-legal-and-general
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular-developer
Source: https://github.com/Legal-and-General/canopy/tree/main/.agents/skills/angular-developer
Command: npx skills add https://github.com/Legal-and-General/canopy --skill angular-developer-legal-and-general

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The Angular Developer Guidelines provide a centralized, repeatable playbook for scaffolding new projects, defining architecture decisions, and enforcing modern Angular practices across teams.

Core Features & Use Cases

  • Provides comprehensive guidelines for creating projects, components, services, forms, routing, and testing with modern Angular APIs.
  • Documents deterministic execution rules for Angular CLI tasks, DI patterns, and accessibility, SSR, and UI styling best practices.
  • Real-world use: when starting a new Angular app or upgrading a module, apply these guidelines to ensure consistent structure, performance, and maintainability.

Quick Start

Generate an initial Angular project skeleton and architecture plan following these guidelines.

Frequently Asked Questions about angular-developer

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

FAQPage Schema
How do I scaffold a new Angular project with a consistent architecture?

To scaffold an Angular project, apply structured guidelines for project creation, architecture decisions, and deterministic CLI behavior to ensure a consistent developer experience and scalable code generation. This provides a centralized, repeatable playbook for defining modern Angular practices.

What are the best practices for Angular forms, routing, and dependency injection?

Best practices for Angular forms, routing, and DI involve following version-aware guidance that codifies concrete rules and evaluation criteria. These guidelines ensure safe, scalable code generation and enforce standards across teams for components, forms, and services using modern APIs.

Does this Angular guideline cover server-side rendering and accessibility?

Yes, the Angular guidelines cover server-side rendering (SSR) and accessibility by documenting deterministic execution rules for ARIA implementation, SSR patterns, and UI styling. This ensures safe, scalable code generation and accessible UI components across teams.

How do I set up testing for Angular components and services?

To set up testing for Angular components and services, apply the comprehensive guidelines that cover testing with modern Angular APIs. This enforces deterministic CLI behavior and safe code generation, ensuring consistent structure and maintainability across your project.

When should I use these Angular architecture guidelines?

You should use these Angular architecture guidelines when starting a new Angular app or upgrading a module. Applying this structured blueprint ensures consistent structure, performance, and maintainability from project creation through testing and maintenance.

Why do I need structured guidelines for Angular CLI tasks?

You need structured guidelines for Angular CLI tasks to guarantee deterministic behavior and safe code generation. Codifying these execution rules prevents configuration drift, enforces team standards, and ensures a consistent developer experience across project scaffolding and maintenance.