angular-developer

Scaffold Angular projects and generate components, services, and routing code.

1|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/cyr-ius/portalcrane --skill angular-developer-cyr-ius
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular-developer
Source: https://github.com/cyr-ius/portalcrane/tree/main/.agents/skills/angular-developer
Command: npx skills add https://github.com/cyr-ius/portalcrane --skill angular-developer-cyr-ius

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Generates Angular code scaffolding and provides architectural guidance to accelerate project setup and ensure consistency across teams.

Core Features & Use Cases

  • Scaffolding projects, components, and services following best practices.
  • Guidance on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (Tailwind CSS), testing, and CLI tooling.

Quick Start

Describe your Angular goal to receive code templates, architectural recommendations, and actionable steps aligned with official references.

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 project with modern patterns like signals?

Scaffolding an Angular project with signals involves generating components, services, and routing while applying reactivity patterns. This approach provides architectural guidance and code templates aligned with official references to ensure build verification and best practices.

What is the best way to structure Angular forms and dependency injection?

Structuring Angular forms and dependency injection requires following architectural guidelines that enforce consistency. By utilizing CLI tooling and step-by-step execution prompts, you generate code templates that align with official Angular ecosystem references.

Does this Angular guidance support server-side rendering and Tailwind CSS?

Angular guidance supports server-side rendering (SSR) and Tailwind CSS styling. It provides architectural recommendations and actionable steps to integrate these technologies, ensuring accessibility (ARIA) and animations are correctly applied during component generation.

How do I apply testing and accessibility best practices to generated Angular components?

Applying testing and accessibility best practices to Angular components involves enforcing guidelines during code generation. This ensures ARIA attributes are implemented and testing protocols are established, verifying builds and dependency considerations across the project.

Why use automated scaffolding for Angular reactivity with linkedSignal and resource?

Automated scaffolding for Angular reactivity using linkedSignal and resource accelerates project setup and ensures team consistency. It generates code templates and provides architectural guidance, aligning reactivity patterns with official Angular references.

Can I use Angular CLI tooling to enforce architectural guidelines across my project?

Angular CLI tooling can enforce architectural guidelines across your project by automating component and service generation. It provides step-by-step execution prompts and code templates that align with official references, ensuring build verification and dependency alignment.