greenshift-blocks

Generate WordPress Gutenberg blocks using Greenshift plugin structures and JSON parameters.

19|Updated Dec 15, 2025

Search Tags:#html #css #block development #wordpress #gutenberg #greenshift

Ready to run

npx skills add https://github.com/vcode-sh/vibe-tools --skill greenshift-blocks

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: greenshift-blocks
Source: https://github.com/vcode-sh/vibe-tools/tree/main/plugins/greenshift-blocks/skills/greenshift-blocks
Command: npx skills add https://github.com/vcode-sh/vibe-tools --skill greenshift-blocks

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of production-ready WordPress Gutenberg blocks using the Greenshift/GreenLight plugin, eliminating the need for manual coding of block structures and parameters.

Core Features & Use Cases

Block Generation: Create various WordPress Gutenberg blocks, including sections, layouts, hero sections, galleries, and more.
Framework Adherence: Ensures blocks follow Greenshift's specific structure, parameter usage, and styling best practices.
Use Case: When a user asks to create a responsive three-column layout with specific spacing and animations for a testimonial section, this Skill generates the correct Greenshift block code.

Quick Start

Use greenshift-blocks to generate a responsive two-column layout with a heading and paragraph in each column.

Frequently Asked Questions about greenshift-blocks

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate WordPress Gutenberg blocks using the Greenshift plugin?▼

Generate WordPress Gutenberg blocks using the Greenshift plugin by specifying the block type, structure, and JSON parameters to produce production-ready code automatically.

Can I create a responsive layout with specific spacing and animations in Greenshift?▼

Yes, you can create responsive layouts with spacing and animations in Greenshift by defining styleAttributes, dynamicGClasses, and specific block variations in the generation request.

What Greenshift block elements can I build for a WordPress site?▼

You can build sections, layouts, hero sections, galleries, and various Gutenberg elements for WordPress sites using the Greenshift block format and styling conventions.

Does the Greenshift block generator require knowledge of JSON parameters?▼

Yes, accurate Greenshift block generation requires understanding JSON parameters, block structures, styleAttributes, and dynamicGClasses to ensure correct output.

Why does my Greenshift Gutenberg block output not match standard styling conventions?▼

Greenshift block output may not match standard styling if the block structure, styleAttributes, or dynamicGClasses do not adhere to the specific Greenshift formatting and parameter rules.

What is the best way to structure a hero section in Greenshift for Gutenberg?▼

The best way to structure a Greenshift hero section is to follow the specific block variations, JSON parameters, and styling conventions outlined by the Greenshift/GreenLight plugin framework.