Skip to main content

angular-vue-migration-orchestrator

Coordinate Angular cleanup, Vue foundation work, feature migration, validation, and cutover with one program-level workflow.

Source facts

Repository
visionarycoder/vc.Ifx
Last source activity
September 10, 2026 at 04:35
Detected SKILL.md language
English
Stars
0
Forks
0

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

Showing SKILL.md

SKILL.md
Source instructions · Read-only preview
name
angular-vue-migration-orchestrator
title
Angular to Vue Migration Orchestrator
description
Coordinate Angular cleanup, Vue foundation work, feature migration, validation, and cutover with one program-level workflow.
doc_type
skill
status
active
last_updated
2026-07-29T00:00:00.000Z
target_audience
ai
complexity
high
estimated_tokens
1360
prerequisites
["ste-agent-writing-standard","terminology-dictionary","angular-anti-patterns","angular-to-vue3-migration","vue3-webapp-setup","webapp-cutover-strategy"]
related_skills
["vue3-component-library-design","vue3-e2e-testing-playwright","vue3-msal-authentication","vue3-pinia-state-management"]
appliesTo
**/*.{ts,vue,html,json}
tags
["angular","vue","migration","orchestration"]
# Angular to Vue Migration Orchestrator Agent coordinates large Angular to Vue programs through one verified plan. ## When to Use | Condition | Route | |---|---| | Many Angular features move to one Vue target | Agent uses this skill | | One component or one feature needs direct porting | Agent uses `angular-to-vue3-migration` | | Team needs only Vue setup | Agent uses `vue3-webapp-setup` | | Team needs only Angular cleanup | Agent uses `angular-anti-patterns` | ## Program Workflow | Phase | Agent action | Test | Pass | |---|---|---|---| | 0. Discover | Agent inventories apps, routes, dependencies, and risk | Review inventory | Each app and feature is listed | | 1. Clean Angular | Agent fixes security and leak blockers | Run Angular tests | P0 and P1 blockers are closed | | 2. Build Vue base | Agent creates routing, state, auth, and shared UI foundations | Run Vue setup validation | Foundation build and tests pass | | 3. Migrate features | Agent ports features in priority order | Run parity suite per feature | Each migrated feature passes parity | | 4. Consolidate | Agent removes duplicate code and standardizes boundaries | Review dependency graph | Shared code lives in one location | | 5. Cut over | Agent rolls traffic to Vue and records rollback gates | Run rollout checks | Target metrics stay within threshold | ## Feature Order Matrix | Feature type | Priority | Test | Pass | |---|---|---|---| | Static page | 1 | Route smoke test | Route content matches baseline | | Read-only view | 2 | API and render test | Data and empty state match baseline | | Form workflow | 3 | Submit invalid and valid data | Messages and save result match baseline | | Multi-step workflow | 4 | End-to-end regression | All steps complete | ## Program Validation | Check | Test | Pass | |---|---|---| | Inventory completeness | Review migration board | Each feature has owner and target phase | | Angular baseline | Run Angular build and tests | Exit code = 0 | | Vue baseline | Run Vue build and tests | Exit code = 0 | | Feature parity | Run Playwright parity suite | Critical journeys pass | | Duplication control | Review shared module map | Duplicate shared modules are removed | | Cutover readiness | Review rollout checklist | Rollback trigger and owner exist | ## Output Agent returns the phase plan, feature order, validation status, and active blockers.
View on GitHub