Loading page...Загружаем страницу...正在加载页面...
AtlasRepo

Angular Best Practices for AI

Описание и применение

AI‑агенты, генерирующие код Angular, часто делают типичные ошибки. Пакет правил Angular Best Practices обучает их правильным паттернам, устраняя проблемы с асинхронностью, ленивой загрузкой и сигналами.

Задача

AI agents generate Angular code with common anti‑patterns such as request waterfalls, eager route loading, and signal misuse, leading to suboptimal production code.

Результат

AI agents produce higher quality Angular code by following human‑reviewed best‑practice rules, reducing request waterfalls, unnecessary eager loading, and signal thrashing.

Рабочий процесс

  • 1. Install the Angular Best Practices skills package via npx skills add alfredoperez/angular-best-practices.
  • 2. Optionally install library‑specific packages (e.g., ngrx, signalstore, tanstack).
  • 3. Add the package to the AI agent’s skill set (e.g., via AGENTS.md, .cursor/rules/angular.md, or .github/copilot-instructions.md).
  • 4. The agent now has access to curated rules with incorrect vs correct patterns, each under 50 lines.
  • 5. When coding, the agent references these rules to avoid common pitfalls.
  • 6. Developers can browse rules on the web app before installation.
  • 7. New rules can be contributed via GitHub issues and are human‑reviewed before merging.

Доказательства

Your agent keeps making the same mistakes. It writes sequential async calls that create request waterfalls. It eagerly loads routes that should be lazy. It misuses signals in ways that thrash change detection.

Источник

I built Angular Best Practices, a curated rules package that teaches your AI coding agent how to write better Angular code.

Источник

Every rule in this package is human‑reviewed for accuracy and token efficiency. Each rule is under 50 lines with one to three line code examples.

Источник

You install it, and your AI agent immediately gets access to curated Angular rules covering everything from eliminating request waterfalls and bundle optimization to signals, RxJS patterns, change detection, SSR, testing, and architecture.

Источник

  • Дата записи: 2026-10-05T14:40:48.580Z