Dile Components
Fetches the real @dile/ui component docs before you write dile-* markup
Test report
- Verdict
- Tested · Works
- Score
- 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-componentsFetches 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.