skills.rest
trantuddt12
trantuddt12COMMUNITY
Explore all skills by this author →
GitHub

angular-best-practices

Enforce 112 Angular 17+ best-practice rules for components, services, templates, and routing.

Updated Apr 16, 2026
Search Tags:#testing#architecture#performance#accessibility#angular#signals#rxjs
One-click install
npx skills add https://github.com/trantuddt12/ecommerce-ng --skill angular-best-practices-trantuddt12
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-best-practices
Source: https://github.com/trantuddt12/ecommerce-ng/tree/main/.agents/skills/angular-best-practices
Command: npx skills add https://github.com/trantuddt12/ecommerce-ng --skill angular-best-practices-trantuddt12

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Inconsistent patterns, bloated code, and performance regressions across Angular projects are common. This skill provides a comprehensive, rule-based approach to align code, architecture, and testing with modern Angular best practices.

Core Features & Use Cases

  • Enforces signal-based reactivity, inject() usage, and type-safe patterns for Angular 17+.
  • Provides guidelines for template optimization, SSR hydration, accessibility, and testing.
  • Supports architectural decisions, maintainable styling and routing, and overall code quality improvements.

Quick Start

Provide an Angular file or snippet and ask the AI to apply the 112 rules to optimize it.

Frequently Asked Questions about angular-best-practices

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

FAQPage Schema
How do I refactor Angular components to use signals and inject()?▼

To refactor Angular components to use signals and inject(), provide your file to the AI to apply its 112 rules, enforcing signal-based reactivity, inject() usage, and type-safe patterns for Angular 17+ apps.

What are the best practices for Angular SSR hydration and performance tuning?▼

Angular SSR hydration and performance tuning best practices involve applying a comprehensive rule set that provides template optimization guidelines, enforces signals, and ensures accessible and maintainable code.

Does this Angular best practices skill support code reviews and architecture planning?▼

Yes, this Angular best practices skill supports code reviews, refactoring, and architecture planning by providing a comprehensive set of rules applicable to components, services, templates, and routing.

Can I use this to fix inconsistent patterns and bloated code in Angular projects?▼

Yes, you can fix inconsistent patterns and bloated code in Angular projects by applying the 112 rules to align your code, architecture, and testing with modern best practices.

What is the best way to enforce accessibility and testing rules in Angular 17+?▼

The best way to enforce accessibility and testing rules in Angular 17+ is applying this comprehensive rule-based approach, which emphasizes accessibility, SSR, and testing across your application.

Are there limitations when applying these Angular rules to older project versions?▼

Yes, limitations exist for older versions because these rules enforce modern Angular 17+ patterns like signal-based reactivity, inject(), and httpResource/resource, which may not be compatible with legacy architectures.

Related Skills

Explore More Software Engineering Skills→
nguyenthienthanhnguyenthienthanh
24

angular-expert

Optimize Angular 17+ components and state management with signals and RxJS.

Community
Advanced
DITEKmaxDITEKmax

angular

Adopt modern Angular practices with Signals, Standalone Components, Zoneless mode, and SSR.

Community
Advanced
JCE-Joshhh77JCE-Joshhh77
16

angular

Enable standalone components, signals, and zoneless reactivity in Angular apps.

Community
Advanced
albibennialbibenni
2

setup-linting

Configure ESLint, Prettier, and TypeScript settings based on detected frameworks and package managers.

Community
Intermediate