Divi5 ToolKit — AI skill for Claude Code
The first Claude Code plugin for Divi 5 development.
How to install Divi5 ToolKit
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open cjsimon2/Divi5-ToolKit and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Divi5 ToolKit does
The first Claude Code plugin for Divi 5 development. CSS generation, compatibility validation, error learning, and self-updating knowledge base — powered by Claude, not GPT-3.5.
Alternatives in AI
- Learning Opportunities — A Claude Code skill for deliberate skill development during AI-assisted coding 793 ★
- RAG Skill — A Skill dedicated to local knowledge base retrieval 712 ★
- Claudekit — by Carl Rannaberg - Impressive CLI toolkit providing auto-save checkpointing, code quality hooks, specificatio 633 ★
README
Divi5 Toolkit
The first Claude Code plugin for Divi 5 development. Validates CSS compatibility, generates Divi-ready code, scaffolds page sections, audits project health, checks accessibility, audits Core Web Vitals performance, diagnoses symptoms, learns from errors, and stays current with Divi 5 updates — all powered by Claude instead of GPT-3.5.
**For Divi 5.6+** (5 new modules — Timeline, Breadcrumbs, SVG, Table of Contents, Instagram Feed — plus Aspect Ratio/Framing, Variable Generators, pseudo-class editing, Composable Settings, Canvas system, Loop Builder)
Why This Exists
Divi AI uses GPT-3.5 and only works inside the Visual Builder. This plugin gives you Claude's superior code generation with deep Divi 5 knowledge — from your terminal, editor, or CI/CD pipeline. It knows Divi's selectors, specificity rules, breakpoints, Design Variables, Free-Form CSS, Composable Settings, Canvas system, and the full module library so you don't have to provide that context manually.
Features
- CSS Generation: Divi 5-ready CSS in four formats (Theme Options, Code Module, Child Theme, Free-Form CSS)
- Section Scaffolding: Complete page section templates (hero, pricing, FAQ, etc.) with CSS, responsive design, and accessibility baked in
- Compatibility Validation: Checks button specificity, numbered selectors,
!importantusage, CSS variable scope, format correctness, accessibility - Project Audit: Whole-project CSS health scoring with graded report and prioritized fix list
- Responsive Device Check: Verifies a page at 9 real device sizes (360px Android through 2560px ultrawide) — live viewport testing + screenshots via a browser MCP server, or static CSS risk analysis without one
- Accessibility Checking: WCAG 2.1 AA compliance — focus indicators, color contrast, reduced motion, touch targets
- Divi 5 Knowledge Base: Complete selector reference, 8 new D5 modules, Design Variable system, Preset hierarchy, responsive breakpoints, Composa
Related Skills
Retain
Retain is a native macOS application that aggregates AI conversations from multiple platforms into a unified,
Learn Anything
Universal AI learning skill — transforms any content into a structured, adaptive learning system with knowledg
App Paywall Pilot
A framework for designing App Store-compliant subscription paywalls. 4 layers: AI skill (Claude/GPT/Cursor) +
Self Learning Design Library
Retrieval library for LLM-assisted design work: distilled designer style profiles, universal principles, and p
Capy Cortex
Autonomous memory and learning system for AI coding agents. LLM-powered knowledge extraction, triple fusion re
Ocel Generator
Generate realistic multi-agent workflow traces with LLM-enriched content, semantic validation, and PM4Py compa
Related Agents
Writer Technical
📜 Use this agent when the project knowledge base needs maintaining - creating or updating architecture docs,
Sc PM Agent
Self-improvement workflow executor that documents implementations, analyzes mistakes, and maintains knowledge
Hermes Agent
Integration file for a Hermes-style personal agent system. Use when a Hermes deployment (a self-hosted assista
