SkillProof tested Claude skills

Dile Components

Recupera la documentazione reale dei componenti @dile/ui prima di scrivere markup dile-*

di Polydile · Polydile/dile-components

Promosso ★ 9.2/10

Dile Components — Recupera la documentazione reale dei componenti @dile/ui prima di scrivere markup dile-*

Cosa fa

Helper per costruire UI con le librerie Dile Components (@dile/ui, @dile/crud, @dile/editor, @dile/lib, @dile/iconlib), un catalogo basato su Lit di elementi personalizzati agnostici al framework. Mappa ogni pacchetto a ciò che contiene e instrada l'agente attraverso l'indice llms.txt del progetto al documento markdown esatto per un componente prima di scrivere qualsiasi tag, proprietà, evento o proprietà CSS personalizzata. Si attiva quando installi o importi elementi dile-*, costruisci schermate CRUD, aggiungi l'editor ProseMirror o temi i componenti Dile.

Rapporto di test

Richiesto un dialogo di conferma Dile a tema due volte e controllato entrambe le risposte riga per riga rispetto al sorgente @dile/ui 2.28.0. Seguendo la skill (indice llms.txt, quindi il documento del componente) ha prodotto dieci fatti API che corrispondevano tutti al codice fornito; il tentativo senza skill ha ottenuto quattro su nove correttamente, inventando una proprietà `open` (è `opened`), slot header/footer che dile-modal non ha, un attributo `primary` che dile-button non definisce, e un evento `modal-closed` in realtà chiamato `dile-modal-closed`. Non ha mai trovato `dile-confirm` e ha creato manualmente il dialogo che la libreria già fornisce. Un punto debole: il template URL nel corpo necessita di un prefisso `dile-`, quindi /md/components/input.md restituisce 404 mentre dile-input.md restituisce 200 — leggere llms.txt per primo, come istruisce la skill, lo evita.

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

Installazione

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

Comandi e prompt di esempio

  • /dile-componentsRecupera la documentazione reale dei componenti @dile/ui prima di scrivere markup dile-*

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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

Rapporto completo →