divi5generate

Plugin divi5generate from marketplace divi5generate in Kieransaunders/D5G. Commands read from the repo's manifest — 1 month ago.

Skills (19)

• brand-deploy

  Deploy a saved Brand Profile (colours, variables, presets) from the Divi5Generator app to a target Divi 5 WordPress site — the agency starter-kit deploy step. Use when pushing a captured brand/design system onto a new or blank Divi 5 site. Triggers: deploy brand, push brand, brand deploy, import bra

• brand-extract

  Extract a brand profile from a LIVE Divi 5 WordPress site via the Divi5 Generator plugin — pulls global variables (colours, spacing, typography tokens) and presets, then saves them as a reusable Brand Profile in the app database. Use when capturing the design system from an existing live site so it

• claude-design-to-divi

  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 wh

• design-review

  Divi 5 layout reviewer — audits any Divi 5 JSON export against structural rules, SEO requirements, and a design checklist. Also post-import spec compliance: compares an exported live page against the original brief or mockup. Use when reviewing, auditing, QC-ing, or improving an existing Divi 5 JSON

• 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 has the brand ready when mocking up pages. Also pushes existing section/page preview HTML as reference cards. Reverse flow: accept a Claude D

• divi5-brand-profile

  Brand Profiles for the Divi5Generator: the canonical schema for a brand (colours, fonts, logo, voice, tagline) and how it is extracted from a URL, a Divi 5 export, an image, a Canva design, a chat, or manual entry. Bridges raw brand input into a reusable, lockable profile that drives design-token ex

• Divi 5 Compatibility

  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, debugging plugin conflicts (WP Rocket, LiteSpeed, Wordfence, WooCommerce, Perfmatters), migrating from Divi 4 to Divi 5, understanding breakpo

• Divi 5 CSS Patterns

  Use this skill when writing CSS for Divi 5 / Divi 5.6, styling Divi modules (buttons, sections, rows, blurbs, toggles, forms including the 5.3 Contact Form 7 Styler), the five 5.6 modules (Timeline, Breadcrumbs, SVG, Table of Contents, Instagram Feed), working with Free-Form CSS and the `selector` k

• divi5-deploy

  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 in real Divi 5, screenshot and verify, persist SEO meta, manage draft pages, and create/list/auto-place navigation menus. Use when importing,

• divi5-extract-style

  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 FILE into design tokens (colours, variables, presets) the page generator can reuse. Use when converting a style guide into Divi 5 Global Variab

• divi5-page-generator

  Divi 5 page and section generator — SEO-optimised, preset-driven, validated. Creates complete, importable Divi 5 JSON files for full pages or individual reusable sections using a bundled Node builder library. Use when building Divi 5 pages or sections, generating Divi JSON, or adding a section to an

• Divi 5 Performance

  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 CSS / Dynamic CSS / Inline Stylesheet system, configuring font loading (WOFF2, preload, font-display), lazy-loading background images, preload

• divi5-plugin-dev

  Divi 5 third-party plugin and custom module developer. Use when building, scaffolding, extending, or debugging a Divi 5 plugin that adds custom modules to the Divi Builder. Triggers: Divi 5 module, Divi custom module, Divi extension, Divi plugin development, divi/module, ModuleRegistration, divi_mod

• divi5-style-check

  Divi 5 style consistency auditor — compares an original designer Divi 5 export against a newly generated page JSON and verifies that presets, colours, and typography from the original are actually reused, not replaced with new IDs or inline values. Use as a QA gate after divi5-page-generator and bef

• divi5-theme-builder

  Build Divi 5 Theme Builder templates (header/body/footer layouts scoped by post type or taxonomy) with dynamic-content bindings — the record/detail pages, archive layouts, and site-wide templates that divi5-page-generator's single-page output can't produce. Use this whenever the task involves a Divi

• divi5-variables-from-styleguide

  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 context:et_builder JSON of global_colors + global_variables with stable gcid-/gvid- IDs. Use when turning brand guidelines or token tables into a

• divitheatre-engine

  Theatre.js (@theatre/core 0.7.0) reference for building and debugging the DiviTheatre WordPress plugin's animation engine and motion presets. MOTION layer only. Use for DiviTheatre's motion layer: presets, engine/preset-registry, baking Theatre.js sequence state, or silent-failure symptoms (animatio

• divitheatre-section

  Generates a single, importable Divi 5 section for one DiviTheatre animation preset - one section per effect. Use when you want a standalone section that showcases a specific DiviTheatre animation: pin:product-reveal, hero-reveal, stagger, blur-in, fade-right, aurora, lamp, marquee, spotlight, magnet

• launch-app

  Launch the Divi 5 Generator app. Use when the user says "open the app", "start the app", "launch the generator", "open the generator", or "run the app".

Slash commands (2)

• /divi5generate:help

  Divi 5 Tools help — find & install the importer plugin zip, get the API key, then generate/import pages.

• /divi5generate:launch

  Start the Divi 5 Generator app and open it in the browser at http://localhost:3747

Similar plugins