Show HN: UI-stack – Claude skill that enforces design system on AI-generated UI

  • Posted 1 day ago by rashoodkhan
  • 2 points
https://www.ui-stack.dev/
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.

1 comments

    Loading..