DEV Community

Neweraofcoding
Neweraofcoding

Posted on

AI in web development, especially Angular

Your AI agents can use Angular’s MCP Server, now with seven stable and experimental tools — allowing LLMs to use new Angular features from day one.

With the release of v21, Angular is an even greater partner for your daily adventures — giving you the stability of the Angular framework while enabling you to build great AI-powered applications that are scalable and accessible for everyone.

More tools for your AI agents — with Angular’s MCP server
To make sure you’re ready for the AI era, we want to ensure that developers have the right tools. We want to provide tools for the way developers work now and how and how work will evolve.

In v20.2 we launched the MCP server built in the Angular CLI to ensure AI agents have all the context they need for Angular development and we’re proud to announce that the MCP server is now stable!

The Angular MCP server gives you a set of tools to give AI agents the right context about modern Angular and your application, and even help you become a better developer. You can use the MCP server to:

Gain general context: The get_best_practices tool provides the Angular best practices guide and the list_projects tool finds all the Angular projects in your workspace.

Find up-to-date information: The search_documentation tool is able to answer Angular questions by querying the official documentation and the find_examples tool provides access to up-to-date examples of modern Angular patterns — we’ll soon add more examples such as Signal based forms and Angular Aria so your AI agents can use the new coding patterns.

Update your application: The onpush_zoneless_migration tool is able to analyze your code and provide a plan to migrate your application to OnPush and zoneless change detection. There’s also an experimental tool called modernize to perform code migrations using existing schematics.

Teach you Angular: The ai_tutor tool launches an interactive AI-powered Angular tutor that can help you learn concepts and get feedback and should be used with a new Angular application.
With the MCP server you are able to bridge the knowledge cutoff issue — your LLM was trained with Angular knowledge as of a specific date, but using the MCP server, it can learn to use even brand new features such as Signal Forms and Angular Aria — you just need to ask your agent to find examples and use them!

At Google I/O 2025 they launched angular.dev/ai — your resource for everything you need to build AI-powered applications with Angular. We’ve included best practices, code samples, design patterns, and more. We’ve even included best practices prompts and custom rule files to help ensure your code generation experiences result in modern Angular code. We have been landing lots of updates so please keep checking back for the latest tips and tricks on how to build AI-powered applications and make use of the best AI assisted coding strategies.

Top comments (0)