Skills
.Work. You
Rest

html-to-generateblocks

Community

Convert HTML to GenerateBlocks layouts quickly.

Design & Creative#html#css#conversion#blocks#wordpress#generateblocks
Authorwpgaurav
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Converting legacy HTML/CSS into modern GenerateBlocks layouts is tedious and error-prone; this skill streamlines the conversion.

Core Features & Use Cases

  • Converts HTML sections into GenerateBlocks elements with inline styles
  • Applies to existing websites, landing pages, or design comps migrating to WordPress
  • Example: turning a multi-section HTML mockup into a responsive GenerateBlocks layout

Quick Start

Follow the Quick Start instructions to convert a sample HTML file into GB blocks. The output will be one or more files containing the converted block markup ready for import into WordPress.

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: html-to-generateblocks
Download link: https://github.com/wpgaurav/generateblocks-skills/archive/main.zip#html-to-generateblocks

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 223,000+ vetted skills library on demand.