skills.rest
olafkfreund
olafkfreundCOMMUNITY
Explore all skills by this author →
GitHub

app-frontend-system-migration

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

Updated Jun 4, 2026
Search Tags:#frontend#migration#app development#backstage#extension-based
One-click install
npx skills add https://github.com/olafkfreund/backstage --skill app-frontend-system-migration-olafkfreund
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
olafkfreundolafkfreund

plugin-new-frontend-system-support

Migrate Backstage plugins to support legacy and new frontend systems with dual entry points.

Community
Intermediate
backstagebackstage
34.1k

app-frontend-system-migration

Migrate Backstage apps from the old frontend system to the extension-based frontend system.

Official
Advanced
TheBushidoCollectiveTheBushidoCollective
187

checkstyle-custom

Develop custom Checkstyle checks, filters, and plugin integrations for Java.

Official
Advanced
transaurustransaurus

app-frontend-system-migration

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

Community
Advanced