compose_stack
Assemble shell layouts and hydrate preconfigured component stacks into slots to compose Basecoat UI pages for HTML, Astro, React, Vue, or Svelte projects.
Instructions
[STAGE 3: SYNTAX & STACKS] Alias of basecoat_compose_stack. Assemble shell architectures and hydrate pre-configured component stacks into slots.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| id | No | Poka-Yoke alias for shellId. | |
| name | No | Poka-Yoke alias for shellId. | |
| shell | No | Poka-Yoke alias for shellId. | |
| title | No | Optional workspace/page title to inject into the shell header. | |
| stacks | No | Ordered list or record of component stack IDs to hydrate into the shell slots (e.g., ["kpi-4-col", "area-chart-overview", "data-table-full-crud", "recent-sales-feed", "detail-drawer"]). Also accepts category shorthands: "kpi", "chart", "table", "form", "overlay". | |
| density | No | Optical spacing density mode. Defaults to standard. | |
| shellId | No | Shell architecture ID from shell-stacks: sidebar-01..sidebar-16, topbar-shell, inset-shell, or split-shell. Defaults to sidebar-01. | |
| headerId | No | Optional header stack ID from header-stacks: breadcrumb-command-header, tabs-filter-header, or date-range-export-header. | |
| componentId | No | Poka-Yoke alias for shellId. | |
| environment | No | Target output environment/framework. Defaults to html. |