etch-layouts
CommunityCreate responsive Etch layouts with patterns.
Authorwpgaurav
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Etch layout authoring often requires boilerplate and meticulous styling registrations, leading to inconsistency across projects. This skill standardizes the process by outlining a repeatable blueprint for generating paste-ready v2.1 envelopes that represent sections, containers, and components in the Etch builder.
Core Features & Use Cases
- Defines a canonical envelope structure including gutenbergBlock, innerHTML/innerContent, and a per-element styles map.
- Supports hero, grid, and component compositions by describing patterns and output locations under gt-design-system/layouts.
- Enables quick scaffolding and reuse by documenting metadata, style IDs, and template wiring for multiple pages.
Quick Start
Describe your target layout and generate a v2.1 envelope ready for Cmd+V in the Etch builder.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: etch-layouts Download link: https://github.com/wpgaurav/WordPress-skills/archive/main.zip#etch-layouts Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.