Migrating To Vendure Dashboard
Seamlessly migrate Angular Admin UI extensions to React Dashboard
✨ The solution you've been looking for
Migrates Vendure Admin UI extensions (legacy Angular-based) to the new React Dashboard.
See It In Action
Interactive preview & real-world examples
AI Conversation Simulator
See how users interact with this skill
User Prompt
I have a custom inventory management plugin with Angular Admin UI extensions. Can you help me migrate it to the new React Dashboard?
Skill Processing
Analyzing request...
Agent Response
Complete migration guide with converted forms, components, navigation, and action items properly structured for React Dashboard
Quick Start (3 Steps)
Get up and running in minutes
Install
claude-code skill install migrating-to-vendure-dashboard
claude-code skill install migrating-to-vendure-dashboardConfig
First Trigger
@migrating-to-vendure-dashboard helpCommands
| Command | Description | Required Args |
|---|---|---|
| @migrating-to-vendure-dashboard plugin-ui-migration | Convert an existing Angular-based Admin UI extension to the new React Dashboard | None |
| @migrating-to-vendure-dashboard custom-field-input-migration | Transform custom field inputs from Angular to React components | None |
| @migrating-to-vendure-dashboard navigation-and-action-items-update | Migrate navigation menu items and action bar components to React Dashboard structure | None |
Typical Use Cases
Plugin UI Migration
Convert an existing Angular-based Admin UI extension to the new React Dashboard
Custom Field Input Migration
Transform custom field inputs from Angular to React components
Navigation and Action Items Update
Migrate navigation menu items and action bar components to React Dashboard structure
Overview
Vendure Dashboard Migration
Instructions
- If not explicitly stated by the user, find out which plugin they want to migrate.
- Read and understand the overall rules for migration
- ./01-general.md
- ./01a-common-tasks.md
- Check the tsconfig setup
. This may or may not already be set up. - ./01b-tsconfig-setup.md
- Identify each part of the Admin UI extensions that needs to be
migrated, and use the data from the appropriate sections to guide
the migration:
- ./02-forms.md
- ./03-custom-field-inputs.md
- ./04-list-pages.md
- ./05-detail-pages.md
- ./06-adding-nav-menu-items.md
- ./07-action-bar-items.md
- ./08-custom-detail-components.md
- ./09-page-tabs.md
- ./10-widgets.md
- Ensure you have followed the instructions marked “Important” for each section
What Users Are Saying
Real feedback from the community
Environment Matrix
Dependencies
Framework Support
Context Window
Security & Privacy
- Author
- vendurehq
- 2026-01-30
- frontend
Angular Modernization
Modernizes Angular code such as components and directives to follow best practices using both …
View Details →Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern …
View Details →Dashboard Create Screen
Create a new screen in the Multi-site Dashboard with automatic route registration
View Details →