Skip to content

studio-architecture.md

Latest commit

 

History

History
34 lines (23 loc) · 1.05 KB

studio-architecture.md

File metadata and controls

34 lines (23 loc) · 1.05 KB

Studio Architecture

Layer Model

Studio is implemented as layered packages to support both standalone runtime and host integration.

  • Core layer: schema, prompt, and domain types
  • Runtime layer: session orchestration and task state mutations
  • App layer: standalone app package with CLI scaffolding
  • Host layer: Nuxt pages and layout integration in this repository

Current packages

  • @design-to-code/studio-core
  • @design-to-code/studio-runtime
  • @design-to-code/studio-app

Data flow

  1. User requirement enters Studio workbench
  2. Runtime creates session and run records
  3. Core prompt/schema utilities transform and validate model outputs
  4. Host UI renders run state and delivery outputs

Side-effect boundaries

  • Core must not depend on browser or framework APIs
  • Runtime should expose deterministic helpers and state transitions
  • Host layer manages useState, localStorage, iframe wiring, and route lifecycle

Build boundaries

  • Workspace package builds should pass independently
  • Nuxt app build should pass with workspace package consumption