Google's AI Studio can now generate Angular applications. Add the Web Codegen Scorer tool on top and you get a pretty solid Angular development platform.

The Angular team collaborated with Google's AI Studio team to integrate Studio and Gemini with Angular.

AI Studio is, of course, Google's vibe coding platform where, by leveraging Gemini behind the scenes, developers as well as non-developers can build fully-fledged applications just using their prompting skills.

The new Angular integration aims at:

• Rapid application generation
  Build prototypes and realize your ideas shortening the time from idea conception to production.
  
  
• Develop AI Powered Apps
  Build apps that integrate LLM and function calling by interfacing with Gemini's API.
  
  
• Deploy your application to the cloud
  Seamlessly with Cloud Run
  
  
• Export to GitHub
  Export the generated code to GitHub for keeping track of it using version control.
  
  
• Simplified Sharing
  You can share your application with stakeholders, or even collaborate on it by inviting your colleagues.

To use the Angular mode from within Studio, just go to System Settings and simply select the “Angular (TypeScript)” template menu. Finally, enter a prompt for an app idea and watch as Gemini generates your application.

But that's not the end of the announcements. The Angluar team also announced a new tool, Web Codegen Scorer which
goes one step beyond code generation. It actually evaluates whether the code you vibe generated conforms to good syntax,
follows best practices and is performant. In other words, you can use it to make evidence-based decisions relating to AI-generated code. For example:

• Iterate on a system prompt to find most effective instructions for your project
  
  
• Compare the code quality of code produced by different models
  
  
• Monitor generated code quality over time as models and agents evolve

The Angular team is itself using the tool to better integrate application features and syntax as the framework evolves, by making it easy to analyze and debug the specific common ways in which LLMs fail and iterate on mitigating those problems.

Web Codegen Scorer has been made available as open source so that anyone can use it.

All in all, the Angular team has made strides in making the framework more accessible to developers. Will the React team follow suit?

More Information

GOOGLE AI STUDIO

Web Codegen Scorer

Related Articles

Google's MCP Toolbox for Databases

To be informed about new articles on I Programmer, sign up for our weekly newsletter, subscribe to the RSS feed and follow us on Twitter, Facebook or Linkedin.

Comments

Make a Comment or View Existing Comments Using Disqus

or email your comment to: comments@i-programmer.info