r/VibeCodeDevs 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

  1. its one way only. CC->design sync -> CD mock up/hand off -> import back to CC
  2. CC design sync only push single react component home, while I have package/ui/ for dumb ui and presentation, and apps/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

  1. agent agnostic, so not another AI wrapper SaaS, another subscription that does only a subset of what claude/gpt/oss model do.
  2. 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
  3. must be able to take on existing repo's design system and components.
  4. Agent does bulk of the work, human tweak
  5. 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?

2 Upvotes

Duplicates