add-dui-component

Installation

SKILL.md

Add a DUI Component to a Consuming App

Wire up a DUI component in an application that consumes the DUI library.

Prerequisites

The app must already have the DUI bootstrap pattern set up:

@dui/core/apply-theme imported
@dui/theme-default imported
An applyTheme() call in the app's bootstrap file

If not, read docs/consuming.md in the DUI repo first and set up the bootstrap pattern.

Steps

1. Identify the component

Ask the user which component to add. Available components:

Related skills

More from deepfuturenow/dui

dui
Build frontend UIs using DUI, a Lit-based styled web component library with design tokens and two-layer inheritance. Use this skill whenever the user wants to build pages, layouts, forms, dashboards, or any frontend UI in a project that uses (or should use) DUI components — look for `@deepfuture/dui-components` or `@dui/components` imports, `dui-*` element tags, or design token variables like `--accent`, `--surface-1`. Also trigger when the user mentions "DUI", "dui components", or asks to add/use web components with design tokens. If a project has DUI installed, always use this skill for frontend work rather than building from scratch.
17

Installs

4

Repository

deepfuturenow/dui

First Seen

Apr 11, 2026

Security Audits

Gen Agent Trust HubPass