SkillProof tested Claude skills

Dile Components

Načítá skutečnou dokumentaci komponent @dile/ui předtím, než napíšete dile-* markup

od Polydile · Polydile/dile-components

Otestováno · Funguje ★ 9.2/10

Dile Components — Načítá skutečnou dokumentaci komponent @dile/ui předtím, než napíšete dile-* markup

Co umí

Pomocník pro tvorbu UI s knihovnami Dile Components (@dile/ui, @dile/crud, @dile/editor, @dile/lib, @dile/iconlib), katalogem frameworkově agnostických vlastních elementů založených na Lit. Mapuje každý balíček k tomu, co obsahuje, a směruje agenta přes llms.txt index projektu k přesné markdown dokumentaci pro komponentu předtím, než napíše jakýkoli tag, vlastnost, událost nebo vlastní CSS vlastnost. Spouští se, když instalujete nebo importujete dile-* elementy, vytváříte CRUD obrazovky, přidáváte editor ProseMirror nebo tematizujete Dile komponenty.

Testovací report

Požádal jsem o tematizovaný Dile confirm dialog dvakrát a zkontroloval obě odpovědi řádek po řádku proti zdroji @dile/ui 2.28.0. Následování skillu (llms.txt index, poté dokumentace komponenty) vyprodukovalo deset API faktů, které všechny odpovídaly dodanému kódu; pokus bez skillu získal čtyři z devíti správně, vymyslel vlastnost `open` (je to `opened`), sloty pro hlavičku/patičku, které dile-modal nemá, atribut `primary`, který dile-button nedefinuje, a událost `modal-closed`, která se ve skutečnosti jmenuje `dile-modal-closed`. Také nikdy nenašel `dile-confirm` a ručně vytvořil dialog, který knihovna již dodává. Jedna hrubá hrana: šablona URL v těle potřebuje předponu `dile-`, takže /md/components/input.md vrací 404 zatímco dile-input.md vrací 200 – čtení llms.txt nejprve, jak skill instruuje, tomu zabrání.

Testováno: 2026-07-28 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

  • /dile-componentsNačítá skutečnou dokumentaci komponent @dile/ui předtím, než napíšete dile-* markup

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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

Kompletní testovací report (anglicky) →