kyr0/defuss-shadcn

Build UI prototypes and pages with defuss-shadcn - shadcn-style components as semantic HTML + design tokens + plain CSS + small vanilla ES modules (no framework, no Tailwind, no React). Use when an agent must generate or edit HTML/UI (forms, dialogs, menus, tables, charts, slide decks, marketing sections) - in a package-managed web project or as a standalone HTML prototype.

Human-triggered planning for UI built with defuss-shadcn - a page, a whole frontend or a new component: composed from the existing components, typed ATM/MOL/ORG/BLK/TPL, on the theme tokens, with explicit states, APIs, module boundaries, docs and examples.

Human-triggered review of UI built with defuss-shadcn, or of a new defuss-shadcn component: a bundled checker for invented classes, modifier classes, unknown variants and tokens, loading order and globals, then a judgment pass against the guides - native elements first, the data-attribute API, the State API, composition and module boundaries, tokens, accessibility. Fixes confirmed defects.

Create or update a defuss-shadcn theme from instructions - text, colours, a brand or design guide, screenshots or photos when the harness reads images: every theme token in light and dark, checked by a bundled checker for unknown tokens, missing colours, radius and WCAG contrast. Use when asked for a theme, a palette, a brand look or a dark mode for defuss-shadcn.