design-sync
Sync a Divi5Generate brand profile to a claude.ai/design Design System project, pushing colour-palette, typography, and voice reference cards so Claude Design…
Skill by Kieransaunders
Chalk Labs
Need help deploying design-sync?
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-design-sync
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
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/design-sync
Tools it pre-approves 4
From allowed-tools in SKILL.md: the agent may use these without asking you each time.
Bash,Read,Write,DesignSync
What's inside
- Skill name
design-sync- Description
- Sync a Divi5Generate brand profile to a claude.ai/design Design System project, pushing colour-palette, typography, and voice reference cards so Claude Design has the brand ready when mocking up pages. Also pushes existing section/page preview HTML as reference cards. Reverse flow: accept a Claude Design HTML export as a visual brief for the page generator. Triggers: design sync, sync brand to claude design, claude design mockup, push brand to design, design system, brand cards, mockup brief.
- License
- NOASSERTION
- Allowed tools
- Bash,, Read,, Write,, DesignSync
- Instructions
- 190 lines in SKILL.md · view on GitHub
Before installing
- Pre-approves some shell commands
- Instructions call the network
Files (1)
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from Kieransaunders/D5G
- 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
claude-design-to-divi
Kieransaunders
Turn a Claude Design hand-off into an importable Divi 5 page.
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-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
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-page-generator
Kieransaunders
Divi 5 page and section generator — SEO-optimised, preset-driven, validated.
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
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Jun 23, 2026 (4 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-page-generator
Kieransaunders
Divi 5 page and section generator — SEO-optimised, preset-driven, validated.
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-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
claude-design-to-divi
Kieransaunders
Turn a Claude Design hand-off into an importable Divi 5 page.
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-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
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 design-sync 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
design-sync skill. Agent Mart. https://agentmart.dev/skills/kieransaunders-design-sync (last updated 2026-10-24)