Skills
.Work. You
Rest

html-to-bricks

Official

Convert HTML/CSS into Bricks Builder elements.

Design & Creative#html#migration#builder#design-system#mapping#acss#bricks
Authorrespira-press
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Convert raw HTML/CSS — pasted from a design export, a Figma extraction, an existing landing page on another platform, or a competitor's source code — into native Bricks Builder elements. Not a screenshot-to-builder pass; this is a structural conversion that respects Bricks' element schemas, ACSS classes (if installed), and the site's design system.

Core Features & Use Cases

Uses the existing respira_convert_html_to_builder MCP tool, with a Bricks-specific workflow layered on top. This skill is suitable when migrating static HTML exports into Bricks-powered pages for designers and developers, preserving structure and design tokens. It maps raw HTML structure to Bricks elements, applies ACSS class mappings when available, and respects the site's design system tokens for drift resistance.

Quick Start

Paste your HTML/CSS design export into the skill and start the conversion to Bricks elements.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: html-to-bricks
Download link: https://github.com/respira-press/agent-skills-wordpress/archive/main.zip#html-to-bricks

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.