Skip to content
Get packs

Angular Migration Guide

Guides moving an AngularJS app to modern Angular, including hybrid setups, components, DI and routing.

Source Download skill
Repository
sickn33/agentic-awesome-skills
Stars
49,023
Licence
MIT
Files
1 file

What it does

When installed, the agent gets detailed guidance for converting an old AngularJS (1.x) web app into modern Angular. It explains migration strategies (big bang, incremental hybrid, vertical slice), shows before-and-after code for controllers, directives, and services, and warns about pitfalls such as the difference between AngularJS $http responses and Angular HttpClient bodies. The file also says several referenced helper files and a scripts/analyze-angular-app.sh script are not included in this copy, so steps depending on them cannot be run until the user supplies an original installation.

Great for

  • Developers maintaining a legacy AngularJS application who plan a gradual move to Angular
  • Teams running a hybrid AngularJS/Angular app who need ngUpgrade bootstrap guidance
  • Engineers who want code examples for converting directives and services into components

Skip it if

  • Apps already on a modern Angular version, where the skill says it should not be used
  • Quick UI fixes that do not involve framework changes, since the skill is aimed at full migrations
  • Production cutovers without staging and rollback, which the skill itself warns against; the bundled guidance is partial and must be validated by a human

Try asking

  • “Plan an incremental migration of my AngularJS 1.5 app to Angular using ngUpgrade”
  • “Convert this AngularJS directive with isolated scope into an Angular component”
  • “Show me how to move my $http service calls to Angular HttpClient and preserve response handling”
  • “Help me design a routing migration strategy from ui-router to Angular Router”
Step-by-step guide: how to use Angular Migration GuideInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the MIT licence and an attribution note.

    angular-migration.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip angular-migration.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip angular-migration.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Ask the agent to state which steps are blocked by missing support files, then proceed only with the documented independent steps
  • Provide your actual AngularJS module names and dependencies so the agent can align the bootstrap code correctly
  • Run the existing test suite before and after each migrated component to catch hybrid-mode regressions

What's inside

  • SKILL.md

Redistributed unmodified from sickn33/agentic-awesome-skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.