SkillProof tested Claude skills

Dile Components

Haalt de echte @dile/ui component docs op voordat u dile-* markup schrijft.

Door Polydile · Polydile/dile-components

Getest · Werkt ★ 9.2/10

Dile Components — Haalt de echte @dile/ui component docs op voordat u dile-* markup schrijft.

Wat het doet

Helper voor het bouwen van UI met de Dile Components bibliotheken (@dile/ui, @dile/crud, @dile/editor, @dile/lib, @dile/iconlib), een Lit-gebaseerde catalogus van framework-agnostische custom elements. Het mapt elk pakket naar wat het bevat en routeert de agent via de llms.txt index van het project naar de exacte markdown doc voor een component voordat enige tag, property, event of CSS custom property wordt geschreven. Activeert wanneer u dile-* elementen installeert of importeert, CRUD schermen bouwt, de ProseMirror editor toevoegt, of Dile componenten thematiseert.

Testrapport

Vroeg twee keer om een thema-Dile confirm dialog en controleerde beide antwoorden regel voor regel tegen de @dile/ui 2.28.0 bron. Na het toepassen van de skill (llms.txt index, dan de component doc) produceerde het tien API feiten die allemaal overeenkwamen met de geleverde code; de no-skill poging kreeg vier van de negen goed, verzon een `open` property (het is `opened`), header/footer slots die dile-modal niet heeft, een `primary` attribuut dat dile-button niet definieert, en een `modal-closed` event dat eigenlijk `dile-modal-closed` heet. Het vond ook nooit `dile-confirm` en rolde handmatig de dialoog die de bibliotheek al levert. Eén ruw randje: de URL template in de body heeft een `dile-` prefix nodig, dus /md/components/input.md retourneert 404 terwijl dile-input.md 200 retourneert — het eerst lezen van llms.txt, zoals de skill instrueert, voorkomt dit.

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

Installatie

git clone https://github.com/Polydile/dile-components.git
mkdir -p ~/.claude/skills
cd dile-components && cp -r skills/dile-components ~/.claude/skills/dile-components

Commando's en voorbeeldprompts

  • /dile-componentsHaalt de echte @dile/ui component docs op voordat u dile-* markup schrijft.

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

  • Add a themed dile-input email field with validation to my login form
  • How do I theme @dile/ui buttons using CSS custom properties?
  • Build a CRUD screen for our admin panel using the @dile/crud package

Volledig rapport (Engels) →