SkillProof tested Claude skills

Dile Components

Hämtar de verkliga @dile/ui-komponentdokumenten innan du skriver dile-*-markup

av Polydile · Polydile/dile-components

Testad · Fungerar ★ 9.2/10

Dile Components — Hämtar de verkliga @dile/ui-komponentdokumenten innan du skriver dile-*-markup

Vad den gör

Hjälpmedel för att bygga UI med Dile Components-biblioteken (@dile/ui, @dile/crud, @dile/editor, @dile/lib, @dile/iconlib), en Lit-baserad katalog av ramverksagnostiska anpassade element. Den mappar varje paket till vad det innehåller och dirigerar agenten genom projektets llms.txt-index till den exakta markdown-dokumentationen för en komponent innan den skriver någon tag, property, event eller CSS custom property. Utlöses när du installerar eller importerar dile-*-element, bygger CRUD-skärmar, lägger till ProseMirror-redigeraren, eller teman Dile-komponenter.

Testrapport

Bad om en tematiserad Dile confirm dialog två gånger och kontrollerade båda svaren rad för rad mot @dile/ui 2.28.0-källan. Efter att ha följt skillen (llms.txt-index, sedan komponentdokumentationen) producerades tio API-fakta som alla matchade den levererade koden; no-skill-försöket fick fyra av nio rätt, uppfann en `open`-egenskap (det är `opened`), header/footer-slots som dile-modal inte har, ett `primary`-attribut som dile-button inte definierar, och en `modal-closed`-händelse som faktiskt heter `dile-modal-closed`. Den hittade heller aldrig `dile-confirm` och rullade manuellt dialogen som biblioteket redan levererar. En grov kant: URL-mallen i brödtexten behöver ett `dile-`-prefix, så /md/components/input.md returnerar 404 medan dile-input.md returnerar 200 – att läsa llms.txt först, som skillen instruerar, undviker det.

Testad: 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

Kommandon och exempelprompter

  • /dile-componentsHämtar de verkliga @dile/ui-komponentdokumenten innan du skriver dile-*-markup

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

  • 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 hela rapporten →