DEV Community

Suguru Inatomi
Suguru Inatomi

Posted on • Originally published at blog.lacolaco.net on

Angular Update Guide Skill for Agents

The Angular Update Guide in the official Angular documentation is a useful tool for checking the scope of impact when upgrading Angular versions. However, because it’s dynamic content on a website, it’s difficult to provide as a data source when instructing an AI agent to perform an Angular update, and the need for steps like WebFetch or scraping via browser automation is a problem.

Update guide • Angular

The web development framework for building modern apps.

favicon angular.dev

By the way, the content of this update guide exists statically as a TypeScript object in the source code, so it becomes easier to use if you process it beforehand and turn it into an agent skill. That’s why I created the lacolaco/angular-skills angular-update-guide skill.

GitHub logo lacolaco / angular-skills

Unofficial agent skills for working with Angular.

angular-skills

日本語

Agent skills for working with Angular. These do not replace the official angular/skills; they cover ground the official skills leave open.

Unofficial. This repository is not affiliated with, endorsed by, or supported by Google or the Angular team.

Skills

  • angular-update-guide: Breaking changes and migration items for every Angular major-to-major step from v6 to v22, generated from the Angular Update Guide data in angular/angular so an agent can read it directly instead of browsing the docs site. Reference data only; it does not describe how to run the update.

Install

# In your project
npx skills add lacolaco/angular-skills

# Or globally for your user
npx skills add lacolaco/angular-skills -g

# Just one of the skills
npx skills add lacolaco/angular-skills -s angular-update-guide
Enter fullscreen mode Exit fullscreen mode

Usage

angular-update-guide : what breaks between two Angular majors

It does its work inside whatever you were already going to ask. Nothing needs to name it:


# Install skills
npx skills add lacolaco/angular-skills

# Just one of the skills
npx skills add lacolaco/angular-skills -s angular-update-guide
Enter fullscreen mode Exit fullscreen mode

If you look at the source code, you’ll see it consists of a single SKILL.md and a set of XML files referenced from it, with no external tool calls or anything like that. I’ve converted the guide content for each major version into XML files, aiming to have the AI agent gather information by referencing them according to the context.

If anyone feels that getting an AI agent to read the Angular Update Guide content is a hassle, please give it a try. Also, since something equivalent to this skill is something I’d ideally like to see included in the official Angular Skills, I intend to proceed with a proposal for that as well.

Top comments (0)