I spent a couple of months building a design system that AI tools can actually use.
It's called Orvain UI. 800+ components in Figma and code, and your AI tool connects to it with one command.
Here's the launch film. Built under @OrvainUI
Designed this whole dashboard by prompting the Orvain MCP.
Paperwing, a fake SaaS. The agent pulled real blocks from https://t.co/VNwDsqfgiY (stat cards, gauge, traffic chart) and composed the screen. No Figma pushing pixels first.
Swipe โ
Everything you see is built from Orvainโs design system MCP from our tokens and rules. Every colour, radius, state and hover traces back to one system. https://t.co/PdGMUVOY4u
Meet Clientory, a CRM dashboard where clearing a follow-up updates everything that depends on it.
โ Tap a day in the week strip to filter your follow-ups, then tap it again to see the whole week
โ Mark as done, and the next task moves up in its place
โ Done asks for a quick note, so nothing gets lost
โ The overdue section folds away once itโs empty
โ The deal moves to closed won, leaves the at-risk list, and the Q4 target updates to match
Open invite ๐ค
I'm looking to connect with more designers, builders and indie hackers!
Are you into these topics?
๐จ Design systems & UI
๐ค AI coding tools (Claude Code, Cursor)
โจ๏ธ Front-end & design engineering
๐ SaaS & indie building
๐ Learning and sharing in public
Reply with the project you're working on, and let's connect! ๐ค
@akshatotharii Ha โtaste is sold separatelyโ is painfully accurate. Thatโs basically why I built an MCP that hands Claude real components so the taste is built in. Follow along, plenty of design system stuff coming. Some of itโs at https://t.co/VNwDsqfgiY
Good question. What worked for me was not describing the components at all. The MCP hands the agent the actual component specs, states and tokens, so hover, keyboard and responsive come from one source. Thatโs the idea behind https://t.co/PdGMUVOY4u. Still tuning it, curious what breaks for you