gutenberg-design
CommunityDesign professional Gutenberg blocks.
Authortquinonero
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Designing and implementing cohesive Gutenberg block layouts across WordPress sites can be time-consuming and inconsistent. This guide provides design thinking, visual principles, and ready-to-use patterns to deliver polished, on-brand blocks with predictable results.
Core Features & Use Cases
- Design Thinking and mood framing (vibe selection) to align pages with business goals.
- Visual Principles and component variants guiding hero, features, testimonials, and CTAs across 2-3 column layouts.
- Page structure patterns and section schemas to ensure responsive, accessible Gutenberg layouts.
Quick Start
Generate a Gutenberg design plan for a three-section landing page using the recommended block patterns.
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: gutenberg-design Download link: https://github.com/tquinonero/Custom-Dashboard-Widgets/archive/main.zip#gutenberg-design 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 471,000+ vetted skills library on demand.