SkillProof tested Claude skills

Divi 5 Compatibility

Divi 5.6 CSS compatibiliteitsreferentie: specificiteitsfixes, units, breakpoints, buggeschiedenis

Door cjsimon2 · cjsimon2/Divi5-ToolKit

Getest · Werkt ★ 8.8/10

Divi 5 Compatibility — Divi 5.6 CSS compatibiliteitsreferentie: specificiteitsfixes, units, breakpoints, buggeschiedenis

Wat het doet

Een compacte referentie skill voor het schrijven van CSS dat daadwerkelijk wordt toegepast in Divi 5 / 5.6. Het codeert button-specificiteitsregels, ondersteunde units en CSS functies, de 7 responsive breakpoints, plugin-conflict fixes (WP Rocket, LiteSpeed, Wordfence, WooCommerce), Divi 4-naar-5 migratie, en een versie-per-versie bug-fix geschiedenis. Activeert bij het valideren of oplossen van problemen met Divi CSS, stijlen die niet worden toegepast, of het debuggen van Divi cache/specificiteitsproblemen.

Testrapport

Gevraagd om 'black Divi buttons with square corners': de no-skill baseline gaf een simpele .et_pb_button regel die Divi's hogere-specificiteit inline stijlen, zoals gedocumenteerd, zouden overschrijven, terwijl de skill de body-geprefixte !important vorm produceerde die Divi daadwerkelijk vereist. De SKILL.md is een oprecht accurate Divi 5.6 referentie met unit-ondersteuningstabellen, correcte breakpoint breedtes, specificiteitsregels en een versie-per-versie bug-fix geschiedenis die overeenkomt met de eigen documentatie van Elegant Themes. De delta is kennis-geverifieerd tegen Divi's gedocumenteerde cascade gedrag in plaats van live-gerenderd, aangezien een echte Divi/WordPress installatie achter een betaalmuur zit. Installeert schoon als een standalone skill; let op dat het gemarkeerd is als user-invocable:false, dus het activeert alleen via het model.

Getest op: 2026-07-17 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/cjsimon2/Divi5-ToolKit
mkdir -p ~/.claude/skills
cd Divi5-ToolKit && cp -r plugins/divi5-toolkit/skills/divi5-compatibility ~/.claude/skills/divi5-compatibility

Commando's en voorbeeldprompts

  • /divi5-compatibilityDivi 5.6 CSS compatibiliteitsreferentie: specificiteitsfixes, units, breakpoints, buggeschiedenis

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • why aren't my Divi button style changes applying on this page
  • make my Divi buttons black with square corners instead of round
  • help me migrate my Divi 4 custom CSS over to Divi 5

Volledig rapport (Engels) →