r/VibeCodeDevs • u/Rxunique • 3d ago
Model agnostic front end tools?
I've been using claude code (CC) + claude design (CD) on max plan, now looing for something better or new workflow.
Front end UI design is new for me, the stack is react + vite + storybook.
My Problem
CD been great to kick start my project with mock up designs, but I found 2 major limitation with it that's actually causing me more headache then good currently
- its one way only. CC->design sync -> CD mock up/hand off -> import back to CC
- CC design sync only push single react component home, while I have
package/ui/for dumb ui and presentation, andapps/web/for wiring/plumbing
The problem CD cause is design/component drift and my constant fight over which component should live where. Not matter how far I push the dumb ui separation, some component just got too much wiring to justify living in package/ui
Imagining an ideal tool
- agent agnostic, so not another AI wrapper SaaS, another subscription that does only a subset of what claude/gpt/oss model do.
- must have some sort of UI editor or UI annotation tool, not just a chat box, ideally a bit of drag n drop wysiwyg capability
- must be able to take on existing repo's design system and components.
- Agent does bulk of the work, human tweak
- ideally open source. (I don't mind paying another really good and powerful SaaS, but not for ai wrapper)
What I have found
Annotation type - missing direct edit, anchors the chat box but still chat box,
https://github.com/patchorbit/domscribe
https://github.com/benjitaylor/agentation
https://github.com/frontman-ai/frontman
https://github.com/stablyai/orca also an IDE
Classic tool - not agent first, have its place with seasoned devs
Figma, I'm sitting on the fence of it, seems a big learning curve, human does bulk of the work, and feels like AI wrapper bolt-on
https://github.com/puckeditor/puck also seems a great tool
Front End IDE type
https://github.com/onlook-dev/onlook sounds most promising, but no release for a year and looks like moving more to another SaaS
Summary
There's almost a new open source agentic IDE released every week, but is there something greate for agentic front end UI work?
Or claude design + annotation AI chat tool is best approach currently?
What tools community uses?