Show HN: UI-stack – Claude skill that enforces design system on AI-generated UI
A configuration-driven design system skill for Claude Code that makes AI-generated UI remarkably consistent. No more inconsistent padding, mismatched colors, or forgotten hover states.
Summary not yet generated for this article.
Original Text
The problem with AI-generated frontend code is that without constraints, every generation picks different spacing, colors, and patterns. The 50th component looks nothing like the first.
ui-stack is a Claude Code skill — a set of structured reference files that Claude reads when building UI.
It's built for Next.js + Tailwind + Shadcn but the principles are framework-agnostic. What's interesting about the "skill" approach vs. a system prompt: the reference is modular and file-based, so you can update one file (say, colors.md) and the change propagates everywhere. There's also a browser-based config dashboard so you can customize your brand palette and font before the skill activates. Would love feedback — especially from anyone who's tried to enforce design consistency across a large Claude Code project.
Comments (1 of ) ⌛