Etch Layouts Skill

Use this skill when creating layouts, sections, or components for Etch (the WordPress visual builder).

For detailed reference, read etch-skills/generating-layouts.md in the project root.

Output Structure

Create layouts in gt-design-system/layouts/{component-name}/:

layouts/{component-name}/
├── {component-name}-etch.json    # For pasting into Etch (JSON format)
├── {component-name}-preview.html # Browser preview (compiled CSS inline)
└── {component-name}.js           # JavaScript (if interactive)

Paste Format for Etch (v2.1)