angular

Enforce TypeScript and Angular best practices for standalone components.

6|Updated Jan 22, 2026
One-click install
npx skills add https://github.com/lumaui/luma-ui --skill angular-lumaui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular
Source: https://github.com/lumaui/luma-ui/tree/main/.cursor/skills/angular
Command: npx skills add https://github.com/lumaui/luma-ui --skill angular-lumaui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides comprehensive guidelines to help developers write TypeScript and Angular code that is maintainable, scalable, accessible, and performant.

Core Features & Use Cases

  • TypeScript strict typing and minimal use of any
  • Prefer standalone components and signals for state management
  • Lazy loading, inline templates, and OnPush change detection
  • Emphasizes accessibility, ARIA attributes, and NgOptimizedImage usage
  • Structured approach to services, templates, and code organization
  • Real-world scenarios include shipping features with robust tooling and tests

Quick Start

Apply these Angular and TypeScript best practices to your next Angular 20+ project to ensure scalable, accessible, and high-performance components.

Frequently Asked Questions about angular

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

FAQPage Schema
What are the best practices for building standalone Angular components with signals?

Best practices for standalone Angular components involve using signals for state management, applying OnPush change detection, and utilizing the inject() function for providedRoot singleton services to ensure scalable and maintainable codebases.

How do I enforce strict TypeScript typing and avoid unsafe decorators in Angular?

Enforce strict TypeScript typing by minimizing the use of 'any', enabling strict type checking, and avoiding unsafe decorators to produce maintainable, scalable Angular codebases with robust tooling and tests.

Does this Angular approach support lazy loading and accessible ARIA patterns?

Yes, this Angular approach supports lazy loading for optimized performance and emphasizes accessibility by implementing ARIA attributes and using NgOptimizedImage across services, components, and templates.

What is the recommended way to manage state in Angular v20+ applications?

The recommended way to manage state in Angular v20+ applications is by using signals within standalone components, combined with OnPush change detection and strict typing to maintain high performance.

Can I use inline templates with OnPush change detection in Angular?

Yes, you can use inline templates with OnPush change detection in Angular to build performant standalone components, ensuring strict type checking and scalable code organization across the application.