just-html

Generate self-contained HTML components with scoped CSS and minimal JavaScript.

14|1|Updated Mar 30, 2026

Search Tags:#html #css #component #ui-design #wordpress #embed #bricks

Ready to run

npx skills add https://github.com/wpgaurav/WordPress-skills --skill just-html

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: just-html
Source: https://github.com/wpgaurav/WordPress-skills/tree/main/skills/frontend/just-html
Command: npx skills add https://github.com/wpgaurav/WordPress-skills --skill just-html

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build self-contained HTML components that can be pasted into any page or CMS without CSS or JS conflicts, eliminating the risk of style bleed and script collisions.

Core Features & Use Cases

Outputs a single code block with scoped CSS, semantic HTML, and minimal JS.
Works inside WordPress Custom HTML blocks, Bricks code elements, GenerateBlocks containers, or raw PHP templates.
Ideal for hero, pricing, features, testimonials, footers, and other stand-alone sections that must not interfere with existing page styles.

Quick Start

Provide the component type and content, then paste the generated code block into your page.

Frequently Asked Questions about just-html

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

FAQPage Schema

How do I embed HTML components in WordPress without CSS conflicts?▼

To embed HTML components without CSS conflicts, use self-contained code blocks with scoped CSS variables and minimal JavaScript. This prevents style bleed when pasting into WordPress Custom HTML blocks or PHP templates.

Can I use custom HTML sections inside Bricks builder code elements?▼

Yes, you can use custom HTML sections inside Bricks code elements by pasting a single drop-in code block. The generated output uses scoped CSS and semantic HTML to ensure it integrates seamlessly without interfering with existing page styles.

What is the best way to build a pricing section for GenerateBlocks?▼

The best way to build a pricing section for GenerateBlocks is to generate a self-contained HTML component. You paste the resulting code block into a GenerateBlocks container, relying on scoped CSS to prevent style collisions.

Why does pasted HTML code break my existing website styling?▼

Pasted HTML breaks existing styling due to global CSS rules causing style bleed. Using drop-in HTML sections with scoped CSS variables and semantic markup isolates the component styles, preventing script collisions and design conflicts.

Does drop-in HTML work with raw PHP templates and Custom HTML blocks?▼

Yes, drop-in HTML works with raw PHP templates and Custom HTML blocks. The generated single code block is designed to be non-invasive, using minimal JavaScript and scoped CSS to integrate safely across different CMS environments.