Dile Components

Fetches the real @dile/ui component docs before you write dile-* markup

Tested · Works

Test report

Verdict
Tested · Works
Score
9.2/10
Tested
Jul 28, 2026
Environment
Claude Code 2.x (agent harness)
Upstream re-checked
Jul 30, 2026 · 6e1540a

This skill is no longer available upstream. Our re-check on Aug 10, 2026 couldn't find it any more (repo unreachable/deleted). The test below is what we measured on Jul 28, 2026 and we're leaving it up as a record — but there is nothing left to install, so we've removed the command.

Asked for a themed Dile confirm dialog twice and checked both answers line by line against the @dile/ui 2.28.0 source. Following the skill (llms.txt index, then the component doc) produced ten API facts that all matched the shipped code; the no-skill attempt got four of nine right, inventing an `open` property (it is `opened`), header/footer slots dile-modal does not have, a `primary` attribute dile-button does not define, and a `modal-closed` event actually named `dile-modal-closed`. It also never found `dile-confirm` and hand-rolled the dialog the library already ships. One rough edge: the URL template in the body needs a `dile-` prefix, so /md/components/input.md returns 404 while dile-input.md returns 200 — reading llms.txt first, as the skill instructs, avoids it.

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

  • Installs cleanly 5/5
  • Triggers reliably 5/5
  • Output vs. baseline 9/10
  • Docs & honesty 4/5

What Dile Components does

Helper for building UI with the Dile Components libraries (@dile/ui, @dile/crud, @dile/editor, @dile/lib, @dile/iconlib), a Lit-based catalog of framework-agnostic custom elements. It maps each package to what it contains and routes the agent through the project's llms.txt index to the exact markdown doc for a component before writing any tag, property, event or CSS custom property. Triggers when you install or import dile-* elements, build CRUD screens, add the ProseMirror editor, or theme Dile components.

How to install Dile Components

Nothing to install: the source repository no longer has this skill. If the author brings it back, our daily re-check will pick it up and the command will reappear here.

Commands — how to trigger Dile Components

  • /dile-components Fetches the real @dile/ui component docs before you write dile-* markup

It also activates on plain-language prompts like these:

  • 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

Frequently asked questions

Is the Dile Components skill free?
Yes. The skill itself is free from Polydile/dile-components. SkillProof publishes the install command and an independent test verdict at no cost.
Does Dile Components work with Claude Code?
We tested it with Claude Code 2.x (agent harness) on Jul 28, 2026. Verdict: Tested · Works. Asked for a themed Dile confirm dialog twice and checked both answers line by line against the @dile/ui 2.28.0 source. Following the skill (llms.txt index, then the component doc) produced ten API facts that all matched the shipped code; the no-skill attempt got four of nine right, inventing an `open` property (it is `opened`), header/footer slots dile-modal does not have, a `primary` attribute dile-button does not define, and a `modal-closed` event actually named `dile-modal-closed`. It also never found `dile-confirm` and hand-rolled the dialog the library already ships. One rough edge: the URL template in the body needs a `dile-` prefix, so /md/components/input.md returns 404 while dile-input.md returns 200 — reading llms.txt first, as the skill instructs, avoids it.
What is the Dile Components SkillProof Score?
9.2/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 9/10, docs & honesty 4/5.
How do I install Dile Components?
Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use Dile Components with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.