layout.create
Create layout elements like headers, grids, and containers on screens for visual workflow design. Supports semantic sections, grid layouts, flex arrangements, and containers with auto-positioning and width snapping.
Instructions
Create a layout element on a screen.
Layout Types:
Semantic sections: header, footer, hero, sidebar
Grid layouts: grid-1col, grid-2col, grid-3col, grid-4col
Flex layouts: flex-row, flex-column
Containers: card, container
Full-width types (header, footer, hero, grids, container) auto-snap to screen width. Semantic elements auto-position: header at top, footer at bottom.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| type | Yes | Layout type | |
| name | No | Display name (optional - defaults to type name) | |
| screenId | No | Screen ID or name (optional - uses current screen) | |
| position | No | Position { x, y } (auto-calculated for semantic elements) | |
| dimensions | No | Size { width, height } (uses defaults if not provided) | |
| style | No | Style overrides { backgroundColor, padding, gap, borderRadius, etc. } |