Skills
.Work. You
Rest

gutenberg-layout

Community

Build Gutenberg layouts with semantic blocks.

Design & Creative#accessibility#layout#frontend#wordpress#gutenberg#block-patterns#block-markup
Authoriwritec0de
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Translating user requests into valid Gutenberg layouts, this skill eliminates the manual overhead of crafting block markup and ensures accessible, semantic WordPress layouts.

Core Features & Use Cases

  • Discover available blocks on a WordPress site via MCP to tailor layouts to the exact block inventory.
  • Assemble layouts by combining core, plugin, and theme blocks into structured markup compliant with Gutenberg conventions.
  • Produce ready-to-deploy HTML markup with the corresponding block comments for use in themes, templates, or post content.
  • Use Case: Design a landing page layout that includes a hero cover, feature grid, and CTA section using available blocks.

Quick Start

Ask me to build a Gutenberg layout for a landing page and I will return the complete block markup ready for paste-in.

Dependency Matrix

Required Modules

None required

Components

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: gutenberg-layout
Download link: https://github.com/iwritec0de/wp-dev/archive/main.zip#gutenberg-layout

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.