·figma-to-generateblocks
*

figma-to-generateblocks

✓
wpgaurav/generateblocks-skillsGitHub: wpgaurav/generateblocks-skillsSource: wpgaurav/generateblocks-skills

Convert Figma designs to GenerateBlocks V2 format for WordPress

wpgaurav·figma·to·generateblocks
5Installs·0Trend·@wpgaurav

Installation

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

How to Install figma-to-generateblocks

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

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/wpgaurav/generateblocks-skills --skill figma-to-generateblocks
  3. 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 Figma designs to clean, semantic GenerateBlocks V2 blocks for WordPress.

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

| Screenshot/Image | Analyze visual layout, colors, typography, spacing | | Figma URL | Extract design tokens if Dev Mode access available | | Copied CSS | Parse Figma's generated CSS values | | Design specs | Use provided measurements and colors | | Verbal description | Infer from user's description of the design |

Convert Figma designs to GenerateBlocks V2 format for WordPress 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 figma-to-generateblocks
Source
wpgaurav/generateblocks-skills
Category
*Creative Media
Verified
✓
First Seen
2026-02-25
Updated
2026-03-10
URL
https://www.learn-skills.dev/en/skills/wpgaurav/generateblocks-skills/figma-to-generateblocks

Browse more skills from wpgaurav/generateblocks-skills

Quick answers

What is figma-to-generateblocks?

Convert Figma designs to GenerateBlocks V2 format for WordPress Source: wpgaurav/generateblocks-skills.

How do I install figma-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 figma-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
*Creative Media
Source
skills.sh
First Seen
2026-02-25

Related Skills

generateblocks-layouts
8 Installs
elementor-to-generateblocks
7 Installs
html-to-generateblocks
6 Installs