Google showcased new AI tools for Angular - from tutors to scoring systems. Minko Gechev, Angular product lead, moves to a new position. S1ngularity supply-chain attack is back.
AI Developer Event – Angular & Gemini
The Angular + AI Developer Event happened, where they showcased several AI-driven tools that can help us when developing Angular applications.
The session was hosted by Mark Thompson, and each tool was presented by a guest speaker.
🔍 Web Codegen Scorer
Web Codegen Scorer is a benchmark tool that audits the quality of LLM-generated frontend code.
It's developed by the Angular team and works across various frameworks – including Angular.
It doesn't generate code itself, but instead scores generated code according to defined best practices.
angular
/
web-codegen-scorer
Web Codegen Scorer is a tool for evaluating the quality of web code generated by LLMs.
Web Codegen Scorer
Web Codegen Scorer is a tool for evaluating the quality of web code generated by Large Language Models (LLMs).
You can use this tool 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.
Web Codegen Scorer is different from other code benchmarks in that it focuses specifically on web code and relies primarily on well-established measures of code quality.
Features
- ⚙️ Configure your evaluations with different models, frameworks, and tools.
- ✍️ Specify system instructions and add MCP servers.
- 📋 Use built-in checks for build success, runtime errors, accessibility, security, LLM rating, and coding best practices. (More built-in checks coming soon!)
- 🔧 Automatically attempt to repair issues detected during code…
👨🏫 AI Tutor for Angular
AI Tutor is an experimental learning tool.
You define your experience level and are given tailored Angular exercises - with an AI tutor by your side.
If you get stuck or need explanation, just ask the AI directly in the interface. It combines guided learning with AI assistance.
Welcome to Your Modern Angular Tutor 🧑🏫
Welcome! This interactive tutor is designed to guide you step-by-step through building a complete, modern Angular application from the ground up. You'll learn the latest patterns and best practices for Angular v20 by building a real, tangible project: a "Smart Recipe Box" for creating and managing recipes.
Our goal is to foster critical thinking and help you retain what you learn. Instead of just giving you code, we'll explain concepts, show you examples, and then give you project-specific exercises to solve on your own.
Click the link below to launch the AI tutor in Firebase Studio.
▶️ Getting Started
Ready to begin? Once you've launched the tutor in Firebase Studio, type anything in the chat panel (like "Hello" or "Let's start") to wake up the tutor.
🔄 How It Works: The Learning Cycle
For each new topic, you'll follow a simple and effective…
🔧 Gemini CLI, Firebase Studio & Gemini UI
We also got a glimpse into more tooling:
- Gemini CLI for interacting with Gemini in the terminal
- Firebase Studio
- And even rebuilding the Gemini UI using Gemini Canvas using Angular!
📺 Watch the full event here:
🧪 Resourceful Suspense by Minko Gechev
Minko Gechev, Angular’s product lead, recently announced that he’ll take over as tech lead across frameworks at Google.
#ai #google #softwareengineer #career #programming | Minko Gechev | 117 comments
Thrilled to share my new role as the tech lead across frameworks at Google! My initial focus is boosting productivity with AI. While this means I'll be less hands-on with Angular with fewer public appearances, I'll be supporting the team and the rest of Google more than ever 🚀 #ai #google #softwareengineer #career #programming | 117 comments on LinkedIn
linkedin.com
That doesn't mean he’s leaving Angular behind - Angular is one of Google’s frameworks, and they’ve even started merging features from Wiz (Google’s internal framework for Search, Photos, etc.) into Angular.
If you want to see Minko in action, check out his talk "Resourceful Suspense" from JSNation - it’s now available to watch for free:
🔒 S1ngularity Attack Is Back
The so-called S1ngularity attack - where malicious packages are published under trusted names - is seeing a big revival.
This time, it’s not limited to one project or organisation, but affects a wide range of packages — including some quite popular ones.
So be careful when upgrading dependencies.
We often update dozens of packages without checking each one, but there are tools out there that act as security wrappers for npm, pnpm, and yarn.
Consider integrating them into your workflow to stay safe.
Top comments (0)