This whole registry and philosophy is available as a Claude Code Agent Skill — install it and Claude builds UI with it directly.
Install the Skill →Real sites, one prompt each.
Every site here is a genuine external project — scaffolded fresh, installing @dhruvchoudhary/dsgn from npm exactly like any other consumer would, not a page inside this site's own component gallery. Each one shipped from a single prompt to a design-focused Claude Code agent — the prompt is in the repo, verbatim, as the README and the first commit message. No real company names, logos, or copy anywhere: every product, org, and line of content is invented for the demo.
Halyard
corporateNorthbridge Labs · SaaS analytics dashboard
A fictional product-analytics workspace — five views, a hand-drawn traffic chart, and a filterable event schema registry.
29 components installed
Alcove
soft-minimalFernway Studio · Project / Kanban board
A fictional planning tool for a small product team — a Kanban board, a grouped list, and a person-lane timeline, all sharing one non-destructive overlay model.
25 components installed
Thrum
startupThrum · Social / community feed
A fictional community feed — pulses, sparks, echoes, and rooms — with a live accent-preset switcher that reskins every installed component from one attribute.
28 components installed
Sableroot
editorial-warmSableroot · E-commerce storefront
A fictional small-batch coffee roastery — catalog, cart, and checkout across a genuine multi-page storefront, in the editorial-warm voice.
21 components installed
VOLTGATE
neon-cyberpunkRedshift Interactive · Developer / API console
A fictional edge API developer console — keys, webhooks, request logs, and feature flags, in the loudest of the seven voices applied to the densest kind of surface.
29 components installed