figma-to-generateblocks
From the author
Convert Figma designs to GenerateBlocks V2 format for WordPress
Install
npx skills add wpgaurav/generateblocks-skills --skill figma-to-generateblocks -a claude-code
Installs to .claude/skills/figma-to-generateblocks/ · Each command fetches the skill straight from GitHub with the open skills CLI.
No download: this skill’s licence (No licence) does not let us redistribute its files. The install commands fetch them from GitHub instead.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
No warnings.
Why 76
Security100
Provenance66
Maintenance100
Licence25
Adoption37
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- html-to-generateblockswpgaurav/generateblocks-skillsConvert HTML/CSS layouts to GenerateBlocks V2 format with inline stylesDesign★ 142
- generateblocks-layoutswpgaurav/generateblocks-skillsBuild and audit WordPress layouts with GenerateBlocks V2, including CSS Mode, responsive at-rules, dynamic data, Pro components, and recovery-safe block serialization. Use for new GB layouts, conversions, repairs, and hand-authored block markup.Design★ 142
- figma-to-gutenbergrespira-press/agent-skills-wordpressUse when the user says 'figma to gutenberg', 'figma to blocks', or hands over a Figma frame to rebuild on a WordPress site that uses the block editor. Maps the Figma node tree to core Gutenberg blocks, registers the frame's palette in Global Styles, and writes to a draft, so nothing live is touched.Design★ 50
- figma-generate-designopenai/skillsUse this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Discovers design system components, variables, and styles via search_design_system, imports them, and assembles screens incrementally section-by-section using design system tokens instead of hardcoded values.OfficialDesign★ 28.5K
- elementor-to-generateblockswpgaurav/generateblocks-skillsConvert Elementor layouts to clean GenerateBlocks V2 format, eliminating DIVceptionOther★ 142
- design-to-codevibeeval/vibecosystemFigma-to-code translation, design tokens, spacing/typography scales, responsive breakpoints, and design system bridge patterns.Design★ 541
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in