Migrate UI Area

Generate a complete fm-ux UI area scaffold from repository templates.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/zeitwert/fm-server --skill migrate-ui-area
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Migrate UI Area
Source: https://github.com/zeitwert/fm-server/tree/main/.cursor/skills/migrate-ui-area
Command: npx skills add https://github.com/zeitwert/fm-server --skill migrate-ui-area

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables teams to migrate or create a new aggregate UI area within the fm-ux application, ensuring a consistent architecture and scaffolding across modules.

Core Features & Use Cases

  • Provides a standardized set of templates for area migration: types, schemas, api, queries, ui components, routes, and i18n integration.
  • Enables rapid bootstrap of a new entity area by wiring AppConfig, routing, and UI templates into the fm-ux layer.
  • Use Case: When introducing a new domain module, generate a complete area scaffold that aligns with the existing fm-ux patterns.

Quick Start

Follow the template-driven approach: locate the existing Entity migration skeleton in .cursor/skills/migrate-ui-area, copy the templates for the new entity name, replace placeholders, and register the area in AppConfig.ts and i18n namespaces. Then implement the UI components (Area, Page, Preview, Forms) according to the copied layout.

Frequently Asked Questions about Migrate UI Area

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

FAQPage Schema
How do I create a new UI area in fm-ux?

Migrating a UI area in fm-ux uses a template-driven approach to standardize architecture by scaffolding types, schemas, API calls, and UI components. This ensures new domain modules align consistently with existing AppConfig, routing, and i18n configurations.

How does template-driven UI area migration work in fm-ux?

Template-driven UI area migration works by copying an existing entity migration skeleton, replacing placeholders with your new entity name, and wiring the generated routes and components into the fm-ux layer. This standardizes the architecture across all domain modules.

Do I need external dependencies to scaffold an fm-ux UI area?

No, you do not need external dependencies to scaffold an fm-ux UI area. The migration process relies entirely on existing repository templates and standard TypeScript tooling to generate the complete area scaffold without external packages.

What templates are included when bootstrapping a new fm-ux domain module?

When bootstrapping a new fm-ux domain module, the included templates cover types, schemas, API, queries, UI components, routes, and i18n integration. These templates provide a standardized layout for implementing the Area, Page, Preview, and Forms.

How do I register a new UI area in AppConfig and i18n namespaces?

To register a new UI area, you update AppConfig.ts with the new domain module and define its corresponding i18n namespaces. After copying the entity migration skeleton and replacing placeholders, you implement the UI components according to the copied layout.

What is the best way to standardize architecture when adding a new domain module in fm-ux?

The best way to standardize architecture when adding a new domain module in fm-ux is using a template-driven migration approach. This ensures every new entity area generates a complete scaffold that aligns with existing AppConfig, routing, and i18n patterns.