cjsimon2

cjsimon2/Divi5-ToolKit

Plugin Claude Code

Plugin marketplace listing 1 plugin: divi5-toolkit.

cjsimon2/Divi5-ToolKit

Instructions file

Claude Code instructions for cjsimon2/Divi5-ToolKit, covering claude.md — developer guidance, project type, architecture, file conventions and adding new components.

cjsimon2/Divi5-ToolKit

Plugin Claude Code

Divi 5 development assistant: validates CSS compatibility, generates Divi-ready code, scaffolds page sections, audits project CSS health, checks accessibility, diagnoses symptoms, audits performance for Core Web Vitals, and learns from errors. Updated for Divi 5.11 with the 5.6-5.11 new modules (Timeline, Breadcrumbs.

cjsimon2/Divi5-ToolKit

Agent

Use this agent when reviewing Divi 5.11 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 writing CSS for…

cjsimon2/Divi5-ToolKit

Agent

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.

cjsimon2/Divi5-ToolKit

Agent

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 plugins (WP Rocket…

cjsimon2/Divi5-ToolKit

Agent

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.11 changelog (pseudo-class editing…

cjsimon2/Divi5-ToolKit

Agent

Use this agent after writing or editing CSS files to validate Divi 5.11 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-class editing, 5.5…

cjsimon2/Divi5-ToolKit

Command

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.

cjsimon2/Divi5-ToolKit

Command

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.

cjsimon2/Divi5-ToolKit

Command

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.

cjsimon2/Divi5-ToolKit

Command

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).

cjsimon2/Divi5-ToolKit

Command

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

cjsimon2/Divi5-ToolKit

Command

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.

cjsimon2/Divi5-ToolKit

Command

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

cjsimon2/Divi5-ToolKit

Command

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

cjsimon2/Divi5-ToolKit

Hook

Runs after a tool call finishes for Write and Edit tool calls, executing css-validate.sh via bash. From cjsimon2/Divi5-ToolKit.

cjsimon2/Divi5-ToolKit

Skill Claude CodeCodex

Use this skill when validating CSS for Divi 5 / Divi 5.11 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 breakpoints, applying the…

cjsimon2/Divi5-ToolKit

Skill Claude CodeCodex

Use this skill when writing CSS for Divi 5 / Divi 5.11, 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, Charts, Payment…

cjsimon2/Divi5-ToolKit

Skill Claude CodeCodex

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 background images…