Skip to content
Theme
Accent
Voice
SkillCase StudiesComponentsExamplesThemingBest PracticesPhilosophyGitHub ↗

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 →
Built with dsgn, not just demoed with it

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 — A fictional product-analytics workspace — five views, a hand-drawn traffic chart, and a filterable event schema registry.

Halyard

corporate

Northbridge 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

Accent
Voice
Corner radius

This is applied to the whole site live, not just this panel. Export it as CSS →