Build with AI

Rules Files

Learn how to use rules files with Angular Material Blocks

Several editors, such as Cursor, have rules files useful for providing critical context to LLMs. Angular Material Blocks now provides rules files to help you write code faster and more efficiently 🎉. These rules files will help you with some common tasks of Angular Material 20, such as: - Theme configuration - Component and directive usage - Using and modifying tokens - Using theme styles - Using imports ## Get rules files All the rules files are also available on [Angular-Material-Dev/angular-material-ai-rules GitHub repository](https://github.com/Angular-Material-Dev/angular-material-ai-rules), but you can use the [CLI](/docs/cli-setup) to add them to your project or simply copy and paste the content into your editor. ## Share Your Thoughts Have suggestions for improving our rules files or ideas for new features? We'd love to hear from you! Create an issue in our [Angular-Material-Dev/angular-material-ai-rules GitHub repository](https://github.com/Angular-Material-Dev/angular-material-ai-rules/issues) to share your feedback and help make these tools even better.

Found a bug? Let us know →

Angular Material Blocks Logo

Angular Material Dev UI (or Angular Material Blocks) is one place stop for developers to explore components and blocks for their Angular Material and Tailwind CSS based applications.

Find us on X (Twitter), LinkedIn, Instagram & Threads