Claude MarketplacesSubmit
wshobson avatar

Angular Migration

wshobson/agents

Migrating from AngularJS to Angular is notoriously painful, and this skill tackles the practical stuff that makes or breaks these projects. It covers hybrid app bootstrapping with ngUpgrade, component conversion patterns from controllers and directives, dependency injection bridging between frameworks, and routing migration strategies. The code examples show real before-and-after transformations rather than theoretical concepts. Honestly, the incremental migration approach it outlines is the only sane way to handle large AngularJS codebases without losing your mind or your timeline.

skills.sh installs
11.2K
GitHub stars
42.4K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add wshobson/agents --skill angular-migration --agent claude-code

Installs into .claude/skills of the current project.

Files

Angular Migration

Master AngularJS to Angular migration, including hybrid apps, component conversion, dependency injection changes, and routing migration.

When to Use This Skill

  • Migrating AngularJS (1.x) applications to Angular (2+)
  • Running hybrid AngularJS/Angular applications
  • Converting directives to components
  • Modernizing dependency injection
  • Migrating routing systems
  • Updating to latest Angular versions
  • Implementing Angular best practices

Migration Strategies

1. Big Bang (Complete Rewrite)

  • Rewrite entire app in Angular
  • Parallel development
  • Switch over at once
  • Best for: Small apps, green field projects

2. Incremental (Hybrid Approach)

  • Run AngularJS and Angular side-by-side
  • Migrate feature by feature
  • ngUpgrade for interop
  • Best for: Large apps, continuous delivery

3. Vertical Slice

  • Migrate one feature completely
  • New features in Angular, maintain old in AngularJS
  • Gradually replace
  • Best for: Medium apps, distinct features

Hybrid App Setup

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/wshobson/agents
Categories
Frontend Development, Productivity & Planning

More from wshobson/agents

All 174

Recommended

More Frontend Development
1mblode avatarui-animationmblode/agent-skillsDesigns, implements, reviews, debugs, and reverse-engineers UI motion: CSS transitions, keyframes, springs, gestures, drag, easing, timing, framer-motion, and a10.8Kskills.sh installs
2onmax avatarnuxtonmax/nuxt-skillsNuxt application development and maintenance. Use for project structure, pages and routing, data fetching, SSR-safe state, middleware, plugins, server routes, r8.8Kskills.sh installs
3emblemcompany avataremblem-ai-reactemblemcompany/agent-skillsReact integration skill for EmblemAI's one-shot user management. Use when the user wants to add website authentication plus wallet-enabled users to a React app 8.8Kskills.sh installs
4affaan-m avatarfrontend-slidesaffaan-m/eccCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PP6.5Kskills.sh installs
5affaan-m avatarnextjs-turbopackaffaan-m/eccNext.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack.6Kskills.sh installs
6affaan-m avatarreact-performanceaffaan-m/eccReact and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills). Organi5.9Kskills.sh installs