SkillProof tested Claude skills

Dile Components

Henter de virkelige @dile/ui komponent-dokumentene før du skriver dile-*-markup

av Polydile · Polydile/dile-components

Bestått ★ 9.2/10

Dile Components — Henter de virkelige @dile/ui komponent-dokumentene før du skriver dile-*-markup

Hva den gjør

Hjelper for å bygge UI with the Dile Components libraries (@dile/ui, @dile/crud, @dile/editor, @dile/lib, @dile/iconlib), a Lit-based catalog of framework-agnostic custom elements. Den mapper each package to what it contains and routes the agent through the project's llms.txt index to the exact markdown doc for a component before writing any tag, property, event or CSS custom property. Utløses når du installerer or import dile-* elements, build CRUD screens, add the ProseMirror editor, or theme Dile components.

Testrapport

Asked for a themed Dile confirm dialog twice and checked both answers line by line against the @dile/ui 2.28.0 source. Following the skill (llms.txt index, then the component doc) produced ten API facts that all matched the shipped code; the no-skill attempt got four of nine right, inventing an `open` property (it is `opened`), header/footer slots dile-modal does not have, a `primary` attribute dile-button does not define, and a `modal-closed` event actually named `dile-modal-closed`. It also never found `dile-confirm` and hand-rolled the dialog the library already ships. One rough edge: the URL template in the body needs a `dile-` prefix, so /md/components/input.md returns 404 while dile-input.md returns 200 — reading llms.txt first, as the skill instructs, avoids it.

Testet på: 2026-07-28 · Claude Code 2.x (agent harness)

Installer

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

Kommandoer og eksempelprompter

  • /dile-componentsHenter de virkelige @dile/ui komponent-dokumentene før du skriver dile-*-markup

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • 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

Full rapport →