Individual skill
dile-components
Use when building or modifying UI with the Dile Components library (@dile/ui, @dile/crud, @dile/editor, @dile/utils, @dile/lib, @dile/iconlib, @dile/icons) — a framework-agnostic, Lit-based web component catalog. Trigger when installing/importing dile-* custom elements, using tags like <dile-input>, <dile-modal>, <dile-table>, building CRUD screens, adding a WYSIWYG/Markdown editor, using icon components, or theming with Dile's CSS custom properties.
skills/dile-components/SKILL.md
Source commit b59afd879d78118d5ea1cdc53e144f1a84628f13
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 6, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 106
- Repository last updated
- Nov 7, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- components Repository topic
- web Repository topic
- catalog Repository topic
- custom Repository topic
- elements Repository topic
- ui Repository topic
- ui-components Repository topic
- lit Repository topic
- agent-skills Repository topic
- app Repository topic
- design Derived category
- design-interface Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Read excerpt
# Dile Components
Dile Components (`@dile/*`) is a catalog of framework-agnostic web components built with [Lit](https://lit.dev). They work as plain custom elements in any project — vanilla JS, React, Vue, Angular, etc. — as long as the build tool resolves npm bare imports (Vite, Webpack, Rollup, web-dev-server...).
## Package map
Pick only the package(s) that contain what you need — don't install all of them.
| Package | Use for |
|---|---|
| `@dile/ui` | General UI components: inputs, modals, tables, buttons, etc. |
| `@dile/crud` | Generic, configurable CRUD screens/components |
| `@dile/editor` | WYSIWYG / Markdown rich text editor (ProseMirror-based) |
| `@dile/utils` | General-purpose utility components |