fullstack-mirror-arch

Map backend models and frontend types to a 1:1 mirror structure.

Updated Feb 10, 2026
One-click install
npx skills add https://github.com/kimjuyoung1127/GameLab --skill fullstack-mirror-arch
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fullstack-mirror-arch
Source: https://github.com/kimjuyoung1127/GameLab/tree/main/skills/fullstack-mirror-arch
Command: npx skills add https://github.com/kimjuyoung1127/GameLab --skill fullstack-mirror-arch

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

BE and FE development often drift apart, leading to mismatched models, types, and APIs that slow delivery and cause runtime errors. This Skill defines a disciplined 1:1 mirror structure to keep BE and FE aligned across domains.

Core Features & Use Cases

  • 1:1 domain mapping between backend models and frontend types for every feature.
  • Barrel re-exports to ensure single source of truth for domain imports on both sides.
  • Clear conventions for API clients, routes, and domain naming to reduce drift and onboarding time.

Quick Start

Align your BE and FE domains 1:1, update barrel exports, and adopt a shared naming convention for domains to start using the mirror architecture.

Frequently Asked Questions about fullstack-mirror-arch

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

FAQPage Schema
How do I keep backend models and frontend types synchronized in a fullstack project?

To keep backend models and frontend types synchronized, enforce a 1:1 mirror architecture that maps BE domains to FE types directly, ensuring both sides update together. This prevents runtime errors caused by structural drift between separate teams.

What is the best way to structure barrel exports for shared fullstack domains?

The best way to structure barrel exports is to use a 1:1 mirror architecture, establishing a single source of truth for domain imports on both BE and FE. Barrel re-exports ensure consistent domain naming and reduce onboarding time.

Why does API client drift happen between separate frontend and backend teams?

API client drift happens because BE and FE development often progresses independently, leading to mismatched models and types. Adopting a disciplined 1:1 domain mapping with explicit alignment during changes enforces synchronized updates and prevents this drift.

Can I use a domain-driven mirror architecture for existing fullstack projects?

Yes, you can apply a domain-driven mirror architecture to existing fullstack projects by aligning BE and FE domains 1:1. You must update barrel exports and adopt a shared naming convention to successfully integrate the mirror structure.

When do I need explicit domain alignment across backend and frontend?

You need explicit domain alignment across backend and frontend whenever changes occur in a fullstack project. The mirror architecture requires that BE models, FE types, and barrel exports are updated together to maintain strict 1:1 synchronization.

Does this mirror architecture approach work for domain-driven fullstack applications?

Yes, this mirror architecture works specifically for domain-driven fullstack applications, enforcing synchronized models, types, and barrels. It supports separate frontend and backend teams by maintaining consistent domain naming and clear API client pattern conventions.