Plugins
Layout Composition
Advanced compositional structures — golden spiral, dynamic symmetry, and more.
Advanced compositional guide layers for sophisticated layout structures beyond basic grids and thirds.
npm install @genart-dev/plugin-layout-composition
| Type ID | Display Name | Description |
|---|
guide:golden-spiral | Golden Spiral | Fibonacci spiral overlay |
guide:golden-triangles | Golden Triangles | Triangular divisions using golden ratio |
guide:dynamic-symmetry | Dynamic Symmetry | Root rectangle armature |
guide:rabatment | Rabatment | Square inscribed in rectangle |
guide:harmonic-armature | Harmonic Armature | Musical proportion grid |
guide:reciprocal | Reciprocal | Reciprocal lines within rectangle |
guide:root-rectangles | Root Rectangles | Root-2 through root-5 rectangles |
guide:compound-grid | Compound Grid | Multiple overlapping grids |
guide:focal-points | Focal Points | Eyes of the rectangle markers |
guide:diagonal-grid | Diagonal Grid | Intersecting diagonal line system |
Each layout composition layer shares common properties:
| Property | Type | Default | Description |
|---|
color | color | "#00aaff40" | Guide line color |
lineWidth | number | 1 | Line width in pixels |
orientation | select | "default" | Orientation or flip direction |
showLabels | boolean | false | Show measurement labels |
| Property | Type | Default | Description |
|---|
quadrant | select | "top-left" | Starting quadrant for the spiral |
iterations | number | 8 | Number of spiral iterations |
| Property | Type | Default | Description |
|---|
gridA | number | 3 | First grid division count |
gridB | number | 4 | Second grid division count |
| Property | Type | Default | Description |
|---|
root | select | "2" | Root value: 2, 3, 4, 5 |
| Tool | Description |
|---|
design_add_golden_spiral | Add a golden spiral overlay |
design_add_golden_triangles | Add golden triangle divisions |
design_add_dynamic_symmetry | Add dynamic symmetry armature |
design_add_rabatment | Add rabatment guides |
design_add_harmonic_armature | Add harmonic armature grid |
design_add_reciprocal | Add reciprocal lines |
design_add_root_rectangles | Add root rectangle overlay |
design_add_compound_grid | Add compound grid |
design_add_focal_points | Add focal point markers |
design_add_diagonal_grid | Add diagonal grid system |
{
"tool": "design_add_layer",
"arguments": {
"type": "guide:golden-spiral",
"properties": {
"quadrant": "top-left",
"iterations": 8,
"color": "#ffaa0060",
"lineWidth": 2
}
}
}