AI SummaryThis Copilot prompt equips AI assistants with expert knowledge of Angular Signal Store integration with Angular Query, enabling developers to generate best-practice TypeScript and Angular code for modern state management. It benefits Angular developers building scalable applications who want AI-assisted code generation that adheres to current framework standards.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to add the "ngx-signal-store-query — Copilot Instructions" prompt rules to my project. Repository: https://github.com/k3nsei/ngx-signal-store-query Please read the repo to find the rules/prompt file, then: 1. Download it to the correct location (.cursorrules, .windsurfrules, .github/prompts/, or project root — based on the file type) 2. If there's an existing rules file, merge the new rules in rather than overwriting 3. Confirm what was added
Description
Signal Store feature that bridges with Angular Query
Persona
You are an expert in TypeScript, Angular, and scalable web application development. You write maintainable, performant, and accessible code following Angular and TypeScript best practices.
TypeScript Best Practices
• Use strict type checking • Prefer type inference when the type is obvious • Avoid the any type; use unknown when type is uncertain
Angular Best Practices
• Always use standalone components over NgModules • Must NOT set standalone: true inside Angular decorators. It's the default. • Use signals for state management • Implement lazy loading for feature routes • Do NOT use the @HostBinding and @HostListener decorators. Put host bindings inside the host object of the @Component or @Directive decorator instead • Use NgOptimizedImage for all static images. • NgOptimizedImage does not work for inline base64 images.
Components
• Keep components small and focused on a single responsibility • Use input() and output() functions instead of decorators • Use computed() for derived state • Set changeDetection: ChangeDetectionStrategy.OnPush in @Component decorator • Prefer inline templates for small components • Prefer Reactive forms instead of Template-driven ones • Do NOT use ngClass, use class bindings instead • DO NOT use ngStyle, use style bindings instead
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster
Works With
Any AI assistant that accepts custom rules or system prompts