divi5-toolkit

Plugin divi5-toolkit from marketplace divi5-local in cjsimon2/Divi5-ToolKit. Commands read from the repo's manifest — 1 month ago.

Skills (3)

• Divi 5 Compatibility

  Use this skill when validating CSS for Divi 5 / Divi 5.13 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 breakp

• Divi 5 CSS Patterns

  Use this skill when writing CSS for Divi 5 / Divi 5.13, styling Divi modules (buttons, sections, rows, blurbs, toggles, forms including the 5.3 Contact Form 7 Styler and 5.11 Gravity Forms module), the newer modules (Timeline, Breadcrumbs, SVG, Table of Contents, Instagram Feed, Tooltip, Post Filter

• 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, variable fonts from 5.9), lazy-loading b

Slash commands (10)

• /divi5-toolkit:audit

  Perform a comprehensive CSS audit across all project files. Scores overall Divi 5 compatibility, identifies patterns and anti-patterns, and produces an actionable improvement report with prioritized fixes.

• /divi5-toolkit:convert

  Convert existing CSS to Divi 5-compatible format. Fixes specificity issues, adds proper overrides, handles format wrapping, and supports Divi 4 to Divi 5 migration.

• /divi5-toolkit:diagnose

  Diagnose a Divi 5 issue from a symptom, error, or "this isn't working" description. Routes to the right specialist (error-learner, validator, performance auditor, accessibility checker) and returns a root cause + fix.

• /divi5-toolkit:generate

  Generate Divi 5-ready CSS for a component, section, or page element. Outputs in the format you specify (Theme Options, Code Module, Child Theme, or Free-Form CSS).

• /divi5-toolkit:research

  Research the latest Divi 5 updates, features, CSS compatibility changes, and best practices. Updates plugin knowledge base with new findings.

• /divi5-toolkit:responsive

  Check that a Divi 5 page works across device sizes (small phones, iPhones, tablets, laptops, widescreen, ultrawide). Uses live viewport testing via a browser MCP server (Chrome DevTools or Playwright) when one is available; falls back to static CSS analysis when not.

• /divi5-toolkit:scaffold

  Generate complete Divi 5 page section templates (hero, pricing, testimonials, FAQ, CTA, etc.) with best-practice CSS, responsive design, and accessibility baked in.

• /divi5-toolkit:selector

  Look up the right CSS selector for any Divi 5 module or sub-element (e.g. "blurb title", "toggle open state", "woo add to cart"). Returns the wrapper class, inner selectors, a paste-ready override pattern, the Free-Form CSS equivalent, and whether a builder setting could replace the CSS entirely.

• /divi5-toolkit:setup

  Bootstrap or refresh the project's Divi5 Toolkit config (.claude/divi5-toolkit.local.md). Auto-detects the installed Divi version, child theme, and existing CSS class prefix, then writes a config with sensible defaults — no manual template copying.

• /divi5-toolkit:validate

  Validate CSS for Divi 5 compatibility. Checks for button specificity, selector issues, format correctness, and other common problems. Use ultrathink mode for thorough analysis.

Subagents (5)

• divi5-accessibility

  Use this agent when reviewing Divi 5.13 CSS for accessibility issues. Checks color contrast, focus indicators (with Divi 5.3 pseudo-class editing as a no-CSS alternative for form fields), touch targets, reduced motion support, semantic elements, and ARIA attribute recommendations. Activates when wri

• divi5-error-learner

  Use this agent when the user pastes Divi error messages, console errors from Divi pages, or describes CSS issues they encountered in Divi 5. Analyzes the error, provides solutions, and updates the plugin's knowledge base to prevent future occurrences.

• divi5-performance

  Use this agent when auditing Divi 5 site performance, diagnosing slow pages, improving Core Web Vitals (LCP, INP, CLS), reducing render-blocking CSS, debugging font/image loading, configuring Divi's Critical CSS / Dynamic CSS / Inline Stylesheets, or resolving conflicts between Divi and performance

• divi5-researcher

  Use this agent to research the latest Divi 5 updates, features, and compatibility changes. Triggers automatically when plugin knowledge is stale (>7 days since last research) or on-demand when user asks about Divi 5 updates, new features, or compatibility questions. Knows the 5.3–5.13 changelog (pse

• divi5-validator

  Use this agent after writing or editing CSS files to validate Divi 5.13 compatibility. Triggers on CSS file changes and checks for button specificity issues, numbered selectors, missing !important on Divi overrides, and other compatibility problems. Knows about 5.3 form field selectors and pseudo-cl

Hooks (1)

• PostToolUse

  bash "${CLAUDE_PLUGIN_ROOT}/hooks/css-validate.sh"

Similar plugins