SkillProof tested Claude skills

Dile Components

Henter de ægte @dile/ui komponent-dokumenter, før du skriver dile-*-markup

Af Polydile · Polydile/dile-components

Testet · Virker ★ 9.2/10

Dile Components — Henter de ægte @dile/ui komponent-dokumenter, før du skriver dile-*-markup

Hvad det gør

Hjælper til at bygge UI med Dile Components-bibliotekerne (@dile/ui, @dile/crud, @dile/editor, @dile/lib, @dile/iconlib), et Lit-baseret katalog af framework-agnostiske custom elements. Den mapper hver pakke til, hvad den indeholder, og dirigerer agenten gennem projektets llms.txt-indeks til den præcise markdown-dokumentation for en komponent, før den skriver et tag, en property, en event eller en CSS custom property. Udløses, når du installerer eller importerer dile-*-elementer, bygger CRUD-skærme, tilføjer ProseMirror-editoren eller temaer Dile-komponenter.

Testrapport

Bad om en tematiseret Dile confirm dialog to gange og tjekkede begge svar linje for linje mod @dile/ui 2.28.0-kilden. Efter skill'en (llms.txt-indeks, derefter komponentdokumentet) producerede den ti API-fakta, der alle matchede den leverede kode; no-skill-forsøget fik fire ud af ni rigtige, opfandt en `open`-property (det er `opened`), header/footer-slots, som dile-modal ikke har, en `primary`-attribut, som dile-button ikke definerer, og en `modal-closed`-event, der faktisk hedder `dile-modal-closed`. Den fandt heller aldrig `dile-confirm` og håndlavede dialogen, som biblioteket allerede leverer. En ru kant: URL-skabelonen i brødteksten skal have et `dile-`-præfiks, så /md/components/input.md returnerer 404, mens dile-input.md returnerer 200 – at læse llms.txt først, som skill'en instruerer, undgår dette.

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

Installation

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 ægte @dile/ui komponent-dokumenter, før du skriver dile-*-markup

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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

Læs hele rapporten →