daub-ui
Installation
SKILL.md
DAUB UI
DAUB is a drop-in CSS + JS component library. daub.css styles 84 components through db-* classes, daub.js wires the interactive ones (tabs, overlays, switches, dropdowns), and 21 theme families give 42 light and dark themes. No build step and no framework.
| Path | You write | Good for |
|---|---|---|
| 1. Plain HTML | <button class="db-btn db-btn--primary"> |
Existing HTML, JSX or template code, static sites |
| 2. Specs | json-render JSON or OpenUI Lang, rendered by daub-render.js |
LLM output, streaming, UI as data, playground previews |
| 3. Hosted MCP | Tool calls to https://daub.dev/api/mcp |
Drafting from a prompt, validating and rendering without local tooling |
Pick a path
- The user has HTML, JSX, Vue or template files: path 1. Look up each component in
references/components.md(HTML classes) orhttps://daub.dev/llms.txtbefore you write markup. - You generate UI from a prompt, or a program consumes the UI: path 2. Write OpenUI Lang when a model writes the spec (about 67% fewer tokens than JSON). Write JSON when code edits the spec.
- You want a server to draft or check a spec: path 3, then edit the returned spec under path 2 rules.
- The user wants React:
npm install daub-react daub-ui(React section of llms.txt).