skills.rest
sliday
slidayCOMMUNITY
Explore all skills by this author →
Website𝕏@stas_kuleshGitHub

daub-ui

Generate UI specifications from DAUB's component library and theme system.

40|3|Updated Feb 27, 2026
Search Tags:#ui#components#mcp#themes#render#daub
One-click install
npx skills add https://github.com/sliday/daub --skill daub-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: daub-ui
Source: https://github.com/sliday/daub/tree/main
Command: npx skills add https://github.com/sliday/daub --skill daub-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

DAUB UI provides a ready-to-use entry point for building polished user interfaces with the DAUB component library, enabling quick discovery and adoption of its 76 components and 20 theme families.

Core Features & Use Cases

  • Bind DAUB's design system to rapidly assemble dashboards, forms, cards, navigation, and other layouts using the library's class-based tokens and themes.
  • Facilitate exploration of component catalogs, preview rendering, and spec validation via MCP tools to ensure consistency with the UI guidelines.
  • Real-world use: generate a complete UI spec, preview in the Playground, and iterate with AI prompts to refine layout and styling.

Quick Start

Create a responsive dashboard layout using DAUB with a sidebar, stat cards, and a data table.

Frequently Asked Questions about daub-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I rapidly assemble dashboards and forms using a classless CSS component library?▼

You can rapidly assemble dashboards and forms by binding to a component library that uses class-based tokens and themes, automating the construction of production-ready UI specifications without manual CSS classes.

What is the best way to generate and preview UI specifications for production layouts?▼

The best way to generate and preview UI specifications is using an MCP-backed workflow that locates component catalogs, generates the UI spec, and validates results in a Playground before final rendering.

Does DAUB UI work with MCP tools to validate component catalogs and render layouts?▼

Yes, DAUB UI works with MCP tools to locate component catalogs, preview rendering, and validate UI specs to ensure your layouts maintain consistency with the design system guidelines.

Can I use DAUB UI to build responsive layouts with sidebars, stat cards, and data tables?▼

Yes, you can use DAUB UI to build responsive layouts with sidebars, stat cards, and data tables by leveraging its 76 components and 20 theme families to quickly compose complex interfaces.

What do I need to set up before generating UI specs with a tactile component system?▼

You need a SKILL.md frontmatter with a name and description, optional scripts, references, and assets directories, plus compatible MCP tools to execute the generate, render, and validate workflow.

Why use a tactile classless CSS approach for composing UI layouts instead of traditional frameworks?▼

A tactile classless CSS approach allows you to compose layouts using pre-defined design tokens and themes directly, reducing manual styling overhead while ensuring visual consistency across generated interfaces.

Related Skills

Explore More Design & Creative Skills→
float-ritual-stackfloat-ritual-stack

spec-components

Catalog UI spec components for structured design documentation blocks.

Official
Intermediate
KimenzoKimenzo

tailwind-best-practices

Enforce Tailwind CSS design system rules for Mastra Playground UI components.

Community
Intermediate
BrunoSantanaDeveloperBrunoSantanaDeveloper

shadcn-ui

Discover and implement shadcn/ui components for React applications.

Community
Intermediate
moughamirmoughamir

tailwindcss-advanced-design-systems

Define Tailwind CSS design tokens and semantic theme utilities with @theme and CSS variables.

Community
Advanced