app-frontend-system-migration

Name: app-frontend-system-migration
Availability: InStock
Author: Olaf Krasicki-Freund

Migrate Backstage apps to the new extension-based frontend system.

Updated Jun 4, 2026

Search Tags:#frontend #migration #app development #backstage #extension-based

Ready to run

npx skills add https://github.com/olafkfreund/backstage --skill app-frontend-system-migration-olafkfreund

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: app-frontend-system-migration
Source: https://github.com/olafkfreund/backstage/tree/main/.agents/skills/app-frontend-system-migration
Command: npx skills add https://github.com/olafkfreund/backstage --skill app-frontend-system-migration-olafkfreund

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @backstage/frontend-defaults, @backstage/plugin-app-react, @backstage/plugin-app-backend, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the migration of Backstage apps from the old frontend system to the new extension-based frontend system, ensuring a smooth transition with minimal manual intervention.

Core Features & Use Cases

Hybrid Mode Migration: Gradually transition apps to the new system with compatibility helpers.
Feature Discovery: Automatically detect and install plugins from dependencies without manual imports.
Use Case: Convert an existing Backstage app to use the new frontend system, including routes, sidebar, plugins, APIs, themes, and other app-level concerns.

Quick Start

Migrate your Backstage app to the new frontend system using the app-frontend-system-migration skill.

Frequently Asked Questions about app-frontend-system-migration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I migrate my Backstage app to the new extension-based frontend system?▼

To migrate your Backstage app to the new extension-based frontend system, use this Skill to handle the full transition of routes, sidebar, plugins, APIs, themes, and app-level concerns with minimal manual intervention.

What is hybrid mode migration in Backstage frontend systems?▼

Hybrid mode migration in Backstage is a gradual transition approach using compatibility helpers. It allows you to incrementally adopt the new extension-based frontend system without rewriting the entire application at once.

Do I need @backstage/frontend-defaults to migrate my Backstage frontend?▼

Yes, you need @backstage/frontend-defaults and related plugins like @backstage/plugin-app-react and @backstage/plugin-app-backend installed to achieve full functionality during your Backstage frontend system migration.

Can I automatically discover and install Backstage plugins from dependencies?▼

Yes, the migration process includes a Feature Discovery mechanism that automatically detects and installs Backstage plugins from your dependencies without requiring manual imports in the new frontend system.

Does Backstage frontend migration support converting themes and APIs?▼

Yes, Backstage frontend migration fully supports converting app-level concerns including themes, APIs, routes, sidebar items, and plugins to the new extension-based system architecture.

What is the best way to transition routes and sidebar items in Backstage?▼

The best way to transition routes and sidebar items in Backstage is to use an automated migration Skill that converts these app-level concerns directly into the new extension-based frontend system format.