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.
Uploading a custom Skill in claude.ai or Claude Desktop needs a paid plan (Pro, Max, Team, or Enterprise) with code execution enabled. Claude Code and the API have no such requirement.
Start building with it today.
Grab the open skill on GitHub — and add Divi Connect when you want it to publish live.