Generate production-ready Angular Cursor rules for Project Rules (.mdc), AGENTS.md, or legacy .cursorrules. This template encodes stack-specific conventions for projects using Angular. Full-featured TypeScript framework with dependency injection, RxJS, and strong conventions.
The template focuses Cursor AI on concrete Angular practices instead of generic coding advice. Required sections are always included; optional sections can be enabled when they match your project.
The generator turns these sections into Project Rules with frontmatter, AGENTS.md, or a single .cursorrules file depending on the output format you choose.
- Use standalone components by default (no NgModules).
- Use the new control flow syntax (@if, @for, @switch).
- Use 2 spaces for indentation.
- Use camelCase for property and method names.
- Keep components small and focused on presentation logic.
- Delegate business logic to services.- Use providedIn: 'root' for singleton services.
- Use inject() function instead of constructor injection.
- Keep services focused on a single concern.
- Use signals (signal(), computed(), effect()) for reactive state.
- Use HttpClient with typed response generics.
- Use interceptors for cross-cutting concerns (auth, logging, error handling).- Use lazy loading with loadComponent for route-level code splitting.
- Use routerLink for internal navigation.
- Use route resolvers for pre-fetching data.
- Use route guards (canActivate, canDeactivate) for access control.
- Use withComponentInputBinding() for route params as component inputs.
- Define routes in a dedicated routes.ts file per feature module.