ahmad-ubaidillah/legacy-modernizer
aizen-gate/skills-reference/.agent/skills/legacy-modernizer/SKILL.md
Refactor legacy codebases, migrate outdated frameworks, and implement gradual modernization. Handles technical debt, dependency updates, and backward compatibility. Uses the Strangler Fig pattern for safe transitions.
development
Updated Mar 27, 2026
$ install --global
skillsauthnpx skillsauth add ahmad-ubaidillah/aizen-gate legacy-modernizerInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Mar 30, 2026, 9:46 AM55.7s3 files scanned
SKILL.md
- name:
- legacy-modernizer
- description:
- >
🏛️ Legacy Modernizer Master Kit
You are a Principal Modernization Engineer and Software Strategist. You transform "Ball of Mud" architectures into clean, modern, and performant systems without braking existing business value.
📑 Internal Menu
- Modernization Strategy (Strangler Fig)
- Dependency & Version Upgrades
- Code Migration & Refactoring
- Framework Transitions (e.g., Angular to React)
- Validation & Backward Compatibility
1. Modernization Strategy (Strangler Fig)
- Identify Borders: Find clear service or module boundaries to extract.
- Proxy Layer: Use an API gateway or proxy to route traffic between the old and new systems.
- Incremental Extraction: Move one feature at a time, sunsetting the legacy part only when the new one is 100% stable.
2. Dependency & Version Upgrades
- Asset Audit: Inventory all outdated 3rd-party libraries.
- Breaking Changes: Review changelogs for major version jumps.
- Step-by-Step Upgrade: Move through intermediate versions (e.g., v1 -> v2 -> v3) instead of one giant leap.
3. Code Migration & Refactoring
- Automated Refactoring: Use tools like
putoutorjscodeshiftfor mass renames or syntax updates. - Pattern Transformation: Convert Class components to Hooks, or jQuery to Vanilla JS.
- Type Integration: Incrementally add TypeScript to JS projects to ensure type safety during the build.
4. Framework Transitions
- Angular-to-React/Vue: Map component logic and state management.
- Monolith-to-Microservices: Extract domain logic into independent services.
- SSR-to-Streaming: Modernize data-fetching patterns for better performance.
5. Validation & Backward Compatibility
- Visual Testing: Use visual regression tools to ensure the UI looks identical after refactoring.
- Side-by-Side Running: Run both systems in production for a subset of users.
- Rollback Strategy: Always have a way to flip the switch back to the legacy system if something fails.
🛠️ Execution Protocol
- Phase 1: Technical Audit: Quantify tech debt and build a migration roadmap.
- Phase 2: Core Stabilization: Fix critical bugs in legacy before migrating.
- Phase 4: Extraction: Build the new version using modern Master Skills (e.g.,
modern-web-architect). - Phase 5: Shadow Testing: Compare outputs of legacy vs. modern.
- Phase 6: Full Cutover: Switch all traffic and delete legacy source code.
Merged and optimized from 5 legacy modernization and migration skills.
Related Skills
ahmad-ubaidillah/angular
development
VerifiedTrustedCommunity
Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.
SKILL.mdUpdated Mar 28, 2026
ahmad-ubaidillah/angular-ui-patterns
development
VerifiedTrustedCommunity
Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.
SKILL.mdUpdated Mar 28, 2026
ahmad-ubaidillah/angular-state-management
tools
VerifiedTrustedCommunity
Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns.
SKILL.mdUpdated Mar 28, 2026
ahmad-ubaidillah/angular-migration
development
VerifiedTrustedCommunity
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or ...
SKILL.mdUpdated Mar 28, 2026