SkillProof tested Claude skills

Dile Components

Récupère la vraie documentation des composants @dile/ui avant d'écrire du markup dile-*

par Polydile · Polydile/dile-components

Testé · Fonctionne ★ 9.2/10

Dile Components — Récupère la vraie documentation des composants @dile/ui avant d'écrire du markup dile-*

Ce que fait

Helper pour construire des UI avec les bibliothèques Dile Components (@dile/ui, @dile/crud, @dile/editor, @dile/lib, @dile/iconlib), un catalogue d'éléments personnalisés agnostiques au framework basé sur Lit. Il mappe chaque package à son contenu et route l'agent via l'index llms.txt du projet vers le document markdown exact pour un composant avant d'écrire toute balise, propriété, événement ou propriété CSS personnalisée. Se déclenche lorsque vous installez ou importez des éléments dile-*, construisez des écrans CRUD, ajoutez l'éditeur ProseMirror, ou thématisez des composants Dile.

Rapport de test

Demandé deux fois un dialogue de confirmation Dile thématique et vérifié les deux réponses ligne par ligne par rapport à la source @dile/ui 2.28.0. Suivant la compétence (index llms.txt, puis le document du composant) a produit dix faits d'API qui correspondaient tous au code livré ; la tentative sans compétence a obtenu quatre sur neuf correctement, inventant une propriété `open` (c'est `opened`), des slots d'en-tête/pied de page que dile-modal n'a pas, un attribut `primary` que dile-button ne définit pas, et un événement `modal-closed` en fait nommé `dile-modal-closed`. Il n'a également jamais trouvé `dile-confirm` et a créé manuellement le dialogue que la bibliothèque fournit déjà. Un point délicat : le modèle d'URL dans le corps a besoin d'un préfixe `dile-`, donc /md/components/input.md renvoie 404 tandis que dile-input.md renvoie 200 — lire llms.txt en premier, comme l'indique la compétence, l'évite.

Testé le: 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

Commandes et exemples de prompts

  • /dile-componentsRécupère la vraie documentation des composants @dile/ui avant d'écrire du markup dile-*

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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

Rapport complet →