DashKit
One click turns a Claude Artifact into something you'd actually ship.
The gap I kept running into
Claude Artifacts are one of the most genuinely useful things in the current wave of AI tools. People build real things with them: personal trackers, data dashboards, workflow tools, calculators, living documents that update as you talk. The problem is the design. Whatever Claude decides to render looks like a prototype, which is fine for trying something out, but awkward for anything you actually want to use, share or hand to someone else.
The capability is there. The visual output does not match it. That gap was the thing I kept coming back to.
Could one skill close it?
If you can describe a design system in a way Claude can reliably target, you can rewrite any Artifact's visual layer without changing what it does. shadcn was the obvious choice: accessible by default, opinionated enough to produce consistent output, Tailwind-based so the tokens are predictable, and well-understood enough that Claude already knows it well.
The question was whether a skill could do this in one step, without the user having to explain what they wanted, pick components or write any CSS. The answer turned out to be yes.
How it works
Install DashKit once. From there, calling it inside any Artifact session tells Claude to reconstruct the component using shadcn primitives. The logic, the data structure, the interactions: untouched. The visual layer gets rebuilt from scratch using a real design system.
The result is immediate. The same dashboard that looked like a browser default now has proper spacing, clean typography, accessible colour handling and component hierarchy that makes sense. It takes less time than filing a design request.
Built with: Claude Code skills / shadcn UI / Tailwind CSS / Radix primitives
Free and open
DashKit is free. The skill is on GitHub and drops into your Claude for Desktop environment in under a minute. If you are already building with Artifacts, there is no reason not to have it.
Part of the Rolling Waves work archive.