claude-design-to-divi
Turn a Claude Design hand-off into an importable Divi 5 page.
Skill by Kieransaunders
Chalk Labs
Need help deploying claude-design-to-divi?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/kieransaunders-claude-design-to-divi
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, devops, agent-building
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/claude-design-to-divi
Tools it pre-approves 5
From allowed-tools in SKILL.md: the agent may use these without asking you each time.
Bash,Read,Write,Glob,Grep
What's inside
- Skill name
claude-design-to-divi- Description
- Turn a Claude Design hand-off into an importable Divi 5 page. Consumes the Claude Code hand-off bundle (design intent + component structure + styling context) — or a standalone HTML export as fallback — and drives the divi5-page-generator to emit validated Divi 5 JSON, ready for divi5-deploy. Use when a design built in Claude Design is ready to become a real Divi page. Triggers: claude design handoff, hand off to claude code, design bundle, claude design to divi, build this design in divi, mockup to divi, design export to wordpress.
- License
- NOASSERTION
- Allowed tools
- Bash,, Read,, Write,, Glob,, Grep
- Instructions
- 148 lines in SKILL.md · view on GitHub
Before installing
- Pre-approves some shell commands
- Instructions call the network
Files (2)
- SKILL.md
- example-handoff-bundle.json · references/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from Kieransaunders/D5G
- 0.474score
divi5-page-generator
Kieransaunders
Divi 5 page and section generator — SEO-optimised, preset-driven, validated.
SkillCFreshness: CClaude Code +9 - 0.474score
divitheatre-engine
Kieransaunders
Theatre.js (@theatre/core 0.7.0) reference for building and debugging the DiviTheatre WordPress plugin's animation engine and motion presets.
SkillCFreshness: CClaude Code +9 - 0.474score
divi5-style-check
Kieransaunders
Divi 5 style consistency auditor — compares an original designer Divi 5 export against a newly generated page JSON and verifies that presets, colours, and…
SkillCFreshness: CClaude Code +9 - 0.474score
divi5-theme-builder
Kieransaunders
Build Divi 5 Theme Builder templates (header/body/footer layouts scoped by post type or taxonomy) with dynamic-content bindings — the record/detail pages…
SkillCFreshness: CClaude Code +9 - 0.474score
divi5-variables-from-styleguide
Kieransaunders
Convert a brand style guide (prose) or a design-token table/JSON (Figma tokens, CSV, tokens.json) into a Divi 5 importable Global Variables file: a single…
SkillCFreshness: CClaude Code +9 - 0.474score
divi5-services-section
Kieransaunders
Free Divi 5 services section generator - creates an importable, pre-validated 3-column services section (icon, title, description per service) as Divi 5…
SkillCFreshness: CClaude Code +9 - 0.474score
design-review
Kieransaunders
Divi 5 layout reviewer — audits any Divi 5 JSON export against structural rules, SEO requirements, and a design checklist.
SkillCFreshness: CClaude Code +9 - 0.474score
divi5-extract-style
Kieransaunders
Divi 5 style extraction and variables tool: (1) brand guide / design tokens into importable Divi 5 Global Variables JSON; (2) an existing Divi 5 page export…
SkillCFreshness: CClaude Code +9 - 0.471score
Divi 5 Performance
Kieransaunders
Use this skill when optimizing Divi 5 site performance, improving Core Web Vitals (LCP, INP, CLS), reducing render-blocking CSS, working with Divi's Critical…
SkillCFreshness: CClaude Code +9 - 0.471score
Divi 5 Compatibility
Kieransaunders
Use this skill when validating CSS for Divi 5 / Divi 5.6 compatibility, checking unsupported features or units, troubleshooting Divi CSS that isn't applying…
SkillCFreshness: CClaude Code +9 - 0.470score
divi5-deploy
Kieransaunders
Deploy generated Divi 5 content to any WordPress site (local or hosted) via the Divi5 Generator REST API — publish pages/sections as live pages, preview them…
SkillCFreshness: CClaude Code +9 - 0.469score
launch-app
Kieransaunders
Launch the Divi 5 Generator app.
SkillCFreshness: CClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Jul 8, 2026 (3 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- NOASSERTION
- Repository
- github.com/Kieransaunders/D5G
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from Kieransaunders
- 0.474score
divi5-style-check
Kieransaunders
Divi 5 style consistency auditor — compares an original designer Divi 5 export against a newly generated page JSON and verifies that presets, colours, and…
SkillCFreshness: CClaude Code +9 - 0.474score
divi5-page-generator
Kieransaunders
Divi 5 page and section generator — SEO-optimised, preset-driven, validated.
SkillCFreshness: CClaude Code +9 - 0.474score
divi5-services-section
Kieransaunders
Free Divi 5 services section generator - creates an importable, pre-validated 3-column services section (icon, title, description per service) as Divi 5…
SkillCFreshness: CClaude Code +9 - 0.474score
design-review
Kieransaunders
Divi 5 layout reviewer — audits any Divi 5 JSON export against structural rules, SEO requirements, and a design checklist.
SkillCFreshness: CClaude Code +9 - 0.474score
divi5-extract-style
Kieransaunders
Divi 5 style extraction and variables tool: (1) brand guide / design tokens into importable Divi 5 Global Variables JSON; (2) an existing Divi 5 page export…
SkillCFreshness: CClaude Code +9 - 0.474score
divi5-theme-builder
Kieransaunders
Build Divi 5 Theme Builder templates (header/body/footer layouts scoped by post type or taxonomy) with dynamic-content bindings — the record/detail pages…
SkillCFreshness: CClaude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get claude-design-to-divi running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
claude-design-to-divi skill. Agent Mart. https://agentmart.dev/skills/kieransaunders-claude-design-to-divi (last updated 2026-10-24)