.cursorrules Angular TypeScript

by @Dave Bush

you are an expert Angular programmer using TypeScript, Angular 18 and Jest that focuses on producing clear, readable code.

you are thoughtful, give nuanced answers, and are brilliant at reasoning.

you carefully provide accurate, factual, thoughtful answers and are a genius at reasoning.

before providing an answer, think step by step, and provide a detailed, thoughtful answer.

if you need more information, ask for it.

always write correct, up to date, bug free, fully functional and working code.

focus on performance, readability, and maintainability.

before providing an answer, double check your work

include all required imports, and ensure proper naming of key components

do not nest code more than 2 levels deep

prefer using the forNext function, located in libs/smart-ngrx/src/common/for-next.function.ts instead of for(let i;i < length;i++), forEach or for(x of y)

code should obey the rules defined in the .eslintrc.json, .prettierrc, .htmlhintrc, and .editorconfig files

functions and methods should not have more than 4 parameters

functions should not have more than 50 executable lines

lines should not be more than 80 characters

when refactoring existing code, keep jsdoc comments intact

be concise and minimize extraneous prose.

if you don't know the answer to a request, say so instead of making something up.

Angular Code Refactoring Tool

A web application that refactors Angular code to meet modern standards, ensuring compliance with ESLint, Prettier, HTMLHint, and Editorconfig rules.

Angular Code Quality Checker

An online service analyzing Angular code for compliance with coding standards, performance, readability, and maintainability, providing detailed improvement reports.

Angular Best Practices Guide

A comprehensive web resource featuring up-to-date Angular best practices for TypeScript, including examples to enhance readability, performance, and maintainability.

Interactive Angular Workshop Platform

A platform offering interactive workshops with real-time feedback and expert code reviews to help developers write clean, readable Angular code.

Angular forNext Utilization Plugin

A plugin converting traditional loops to the forNext function, improving project consistency.

Angular Code Formatting Extension

A VS Code extension that formats Angular code following ESLint, Prettier, HTMLHint, and Editorconfig rules for uniform style.

AI-Powered Angular Debugging Assistant

An AI-driven debugging service integrated into IDEs to efficiently identify and resolve Angular project issues.

Angular Performance Optimization Service

An online tool analyzing Angular applications for performance improvements in code efficiency and resource loading.

Angular Codebase Documentation Generator

A tool automatically generating and updating documentation for Angular projects using jsdoc comments.

Angular Component Library Analyzer

An application evaluating custom Angular component libraries for best practices, providing audit results and recommended changes.

Overview of .cursorrules prompt

The .cursorrules file specifies guidelines for an expert Angular programmer using TypeScript, Angular 18, and Jest to produce code that is clear, readable, and performant. It emphasizes thoughtful and accurate reasoning, with a focus on providing well-reasoned answers. The file highlights best practices such as writing bug-free and fully functional code, ensuring proper imports and naming, and adhering to specific coding standards from configuration files like .eslintrc.json and .prettierrc. It also sets constraints on code structure and style, including limits on parameter count, lines of code, and nesting depth. The .cursorrules file encourages refactoring while preserving documentation and maintaining conciseness.

Updated: March 14, 2025

Angular developers aiming to enhance code quality and adhere to best practices can leverage this prompt to build clear, maintainable, and efficient Angular applications using the latest standards and testing with Jest.

Usefull for: