html-to-generateblocks

Name: html-to-generateblocks
Author: wpgaurav

✓

wpgaurav/generateblocks-skillsGitHub: wpgaurav/generateblocks-skills Source: wpgaurav/generateblocks-skills

Convert HTML/CSS layouts to GenerateBlocks V2 format with inline styles

wpgaurav·html·to·generateblocks

6Installs·0Trend·@wpgaurav

Installation

GitHub: wpgaurav/generateblocks-skills

$npx skills add https://github.com/wpgaurav/generateblocks-skills --skill html-to-generateblocks

How to Install html-to-generateblocks

Quickly install html-to-generateblocks AI skill to your development environment via command line

Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
Run Installation Command: Copy and run this command: npx skills add https://github.com/wpgaurav/generateblocks-skills --skill html-to-generateblocks
Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: wpgaurav/generateblocks-skills.

SKILL.md

View raw

Convert HTML/CSS layouts to GenerateBlocks V2 format using inline styles in block attributes.

ALWAYS output converted blocks to a file, never inline in the chat.

The css attribute must NOT contain hover states or transitions - the plugin generates those from the styles object.

Convert HTML/CSS layouts to GenerateBlocks V2 format with inline styles Source: wpgaurav/generateblocks-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command: npx skills add https://github.com/wpgaurav/generateblocks-skills --skill html-to-generateblocks
Source: wpgaurav/generateblocks-skills
Category: </>Dev Tools
Verified: ✓
First Seen: 2026-02-25
Updated: 2026-03-10
URL: https://www.learn-skills.dev/en/skills/wpgaurav/generateblocks-skills/html-to-generateblocks

Browse more skills from wpgaurav/generateblocks-skills

Quick answers

What is html-to-generateblocks?

Convert HTML/CSS layouts to GenerateBlocks V2 format with inline styles Source: wpgaurav/generateblocks-skills.

How do I install html-to-generateblocks?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/wpgaurav/generateblocks-skills --skill html-to-generateblocks Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/wpgaurav/generateblocks-skills

Details

Category: </>Dev Tools
Source: skills.sh
First Seen: 2026-02-25

Related Skills

generateblocks-layouts

8 Installs

elementor-to-generateblocks

7 Installs

figma-to-generateblocks

5 Installs