skills.rest
wpgaurav
wpgauravCOMMUNITY
Explore all skills by this author →
Website𝕏@wpgauravGitHub

etch-layouts

Generate paste-ready Etch v2.1 envelopes for WordPress layout sections.

14|1|Updated Mar 30, 2026
Search Tags:#json#wordpress#layout-design#block-patterns#etch-layouts#paste-envelopes
One-click install
npx skills add https://github.com/wpgaurav/WordPress-skills --skill etch-layouts
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: etch-layouts
Source: https://github.com/wpgaurav/WordPress-skills/tree/main/skills/wordpress/etch-layouts
Command: npx skills add https://github.com/wpgaurav/WordPress-skills --skill etch-layouts

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about etch-layouts

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate WordPress block patterns using paste-ready envelopes?▼

To generate WordPress block patterns, you create a v2.1 envelope containing gutenbergBlock, innerHTML, and a per-element styles map. This provides a standardized, paste-ready structure for layout sections in the Etch builder.

What is an Etch v2.1 envelope and how does it structure layout data?▼

An Etch v2.1 envelope is a JSON structure that standardizes layout data using gutenbergBlock, version, timestamp, innerHTML, innerContent, and a per-element styles map. It ensures consistent section and component styling across projects.

Does the Etch builder support responsive hero and grid layouts for WordPress?▼

Yes, the Etch builder supports responsive hero and grid layouts by generating v2.1 envelopes. These envelopes describe pattern compositions and output locations under gt-design-system/layouts for quick scaffolding.

How do I scaffold WordPress components without writing manual boilerplate?▼

You can scaffold WordPress components without manual boilerplate by defining your target layout and generating a paste-ready v2.1 envelope. This standardizes metadata, style IDs, and template wiring for immediate use.

What is the best way to maintain consistency across WordPress layout designs?▼

The best way to maintain consistency across WordPress layout designs is to use a canonical v2.1 envelope structure. It standardizes styling registrations and eliminates meticulous boilerplate across different project sections.

Related Skills

Explore More Software Engineering Skills→
jcastillotxjcastillotx

Metasploit Framework

Automate authorized Metasploit penetration testing with MSFConsole workflows and msfvenom payload generation.

Community
Advanced
wpgauravwpgaurav
14

bricks

Generate paste-ready Bricks Builder JSON for WordPress UI sections, templates, and patterns with validation rules.

Community
Advanced
NammDevNammDev
2

ui-ux-pro-max

Generate UI/UX design guidance with color palettes, typography, and layouts.

Community
Advanced
vcode-shvcode-sh
19

greenshift-blocks

Generate WordPress Gutenberg blocks using Greenshift plugin structures and JSON parameters.

Community
Advanced