etch-wp

Generate Etch WP components in JSON with ACSS v4 styling and BEM naming.

5|1|Updated Dec 20, 2025
One-click install
npx skills add https://github.com/p3LZ3r/etch-wp-skill --skill etch-wp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: etch-wp
Source: https://github.com/p3LZ3r/etch-wp-skill/tree/main
Command: npx skills add https://github.com/p3LZ3r/etch-wp-skill --skill etch-wp

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation of Etch WP components in JSON format, streamlining WordPress development with ACSS v4 styling.

Core Features & Use Cases

  • JSON Generation: Creates production-ready Etch WP components in JSON.
  • ACSS v4 Integration: Ensures all generated CSS uses ACSS v4 variables.
  • Use Case: Generate a complex hero section with a background image, headline, description, and a primary CTA button, all formatted correctly for Etch WP import.

Quick Start

Use the etch-wp skill to generate a hero section component with a title and description.

Frequently Asked Questions about etch-wp

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

FAQPage Schema
How do I generate WordPress Gutenberg blocks in JSON format?

You can generate Etch WP components in JSON format by automating the creation of sections, containers, and complex elements specifically designed for WordPress development workflows.

Does this component generator support ACSS v4 styling variables?

Yes, the component generator fully integrates ACSS v4 styling, ensuring all generated CSS output strictly utilizes ACSS v4 variables for consistent design.

Can I use strict BEM naming conventions for Etch WP component creation?

Yes, the component generator adheres to strict BEM naming conventions when creating Etch WP components, ensuring your JSON output maintains structured and predictable CSS class naming.

How do I build a complex hero section with a CTA button for Gutenberg?

You can build a complex hero section with a background image, headline, description, and primary CTA button by generating a production-ready JSON component formatted for Etch WP import.

What validation scripts are included for WordPress JSON component generation?

The Skill includes validation scripts alongside comprehensive reference documentation for block types, loops, and ACSS variables to ensure your generated Etch WP JSON components are error-free.