Open source · MIT
The open skill that teaches AI to speak Divi 5.
divi5-skill is a free, open-source skill that teaches any AI to write valid, token-aware Divi 5 builder markup — real sections, rows, modules and your design system, not guesswork.
What it is
A design process, not a prompt.
Valid Divi 5 markup
Generates real builder markup — sections, rows, columns, modules — that imports and renders cleanly, fully editable in Divi.
Token-aware
Builds from your real colors, fonts and spacing variables instead of hardcoded values, so pages stay on-brand and editable.
Asks before it builds
A discovery → plan → approve → build flow, so the AI designs with intent instead of dumping a template.
Two ways to use it
Free on its own. Even better connected.
Free · no plugin
JSON only
Load the skill into your AI, describe a page, and get Divi 5 builder markup you import via Divi's Import & Export. Zero cost, fully manual.
Get the skill on GitHub →
With Divi Connect
Live publishing
Connect Claude to your Divi 5 site and the same skill builds and publishes pages straight into Divi — using your real design system, no copy-paste.
Explore Divi Connect →
What's inside
Modular, and kept current as Divi evolves.
The skill is organised into focused reference files — core rules and validation, a design process, layout, styling, the full module library, presets and real-world patterns — so an AI reads only what a task needs. It tracks the current Divi 5 line and is MIT-licensed, so you can read it, fork it, and build on it.
Install it in Claude
One download. Works in every Claude surface.
Free & MIT-licensed. The same content as the GitHub repo, packaged as a ready-to-install Skill folder.
Upload
Claude.ai (web)
- In Settings → Capabilities, turn on Code execution & file creation.
- Go to Settings → Customize → Skills and click + → Create skill → Upload a skill.
- Choose divi5-skill.zip, then toggle the skill on.
Upload
Claude Desktop
- Open Settings → Capabilities and turn on Code execution.
- Click Upload skill and pick divi5-skill.zip.
- Toggle the skill on — Claude uses it automatically when you ask for Divi 5 work.
Filesystem
Claude Code
- Unzip into your skills folder:
~/.claude/skills/(all projects) or.claude/skills/(one project). - You should now have
~/.claude/skills/divi5-skill/SKILL.md. - That’s it — Claude Code auto-discovers it. Ask it to build a Divi 5 page.
Skills API
Claude API / Agent SDK
- Upload the skill via the Skills API (
/v1/skills) to get askill_id. - Reference that
skill_idin thecontainerparameter alongside the code-execution tool. - Send the beta headers
skills-2025-10-02,code-execution-2025-08-25,files-api-2025-04-14.
Start building with it today.
Grab the open skill on GitHub — and add Divi Connect when you want it to publish live.