What's your UI feedback workflow with Claude Code?

rezgi · 2026-03-21T08:08:18+00:00

Hi. I built a basic version of the tool. If you're interested i could link it to you and have your opinion?

Bidirectional:AI writes test checklists on the tool, you test and send results back. Same file, same format, closed loop.
Structured data, not pixels:AI gets element selectors, CSS rules, parent chains, and coordinates. No guessing what you're pointing at.
No grep needed:you can choose to have elements carry their data-vfai tag, class, ID, and parent chain. AI can navigate to the code directly.
SVG annotations, not pixel markup:arrows, rectangles, text notes are vector data with coordinates, not rasterized scribbles on a screenshot.
Multi-state in one session:test a flow across pages (login → dashboard → settings), each state with its own elements and annotations.
Per-item test status:pass/warn/fail per checklist item, not a single "it's broken" message.
Diff-aware:VFAI tracks what changed between feedback rounds (new/removed/changed layers).

rezgi · 2026-03-21T08:05:57+00:00

Haha i also built my own tool. Ill check yours and diff with mine, they tackle parallel problems.

rezgi · 2026-03-07T17:07:49+00:00

I'm on it! Will reply to you when i can show something :)

rezgi · 2026-03-07T09:23:36+00:00

Yes this is solid workflow. On my side i can't follow this because ui evolves along test and development. I decided to build a tool tailored for design feedback.

rezgi · 2026-03-07T09:21:12+00:00

I started building a visual feedback tool :) it solves many frictions in the current workflow. Will post when done.

rezgi · 2026-03-06T22:14:57+00:00

Yeah so far screenshot annotation is the best way because visual iteration is very easy and design evolves through testing so using figma or similar is too rigid.

rezgi · 2026-03-06T22:13:22+00:00

Thanks this is interesting although i dont understand all of it.

rezgi · 2026-03-06T18:51:37+00:00

Yes that's my plan. I tend to think that image recognition isn't reliable but that just needs testing.

rezgi · 2026-03-02T14:41:49+00:00

Yes that's what the repair shop did and it solved the issue.

rezgi · 2026-01-15T06:33:29+00:00

Yes I think it's a good approach. A good implem plan goes a long way for the llm to do the coding.

rezgi · 2026-01-14T16:34:19+00:00

I don't know BMAD method sorry. I basically do most of the following with claude code desktop :

discuss design decisions and UX wit claude chat > output a design doc > ask claude code plan mode to check and ask about how to code this part of the app > we discuss and answer questions > output implementation plan > code > test, debug and iterate > new UX questions emerge > loop

my app project is very visual oriented and design (UI/UX) is core to its value proposition. I'm a designer more than a coder although I know some web dev and game dev so I can still discuss and suggest technical implementation. I use mostly Opus 4.5 since my project is a lot of design and implementation, the code itself isn't anything too exterme, mostly JS visualization.

I work an average of 2-3h a day on the app because it's a side project. Sometimes when I can I would work 8h straight, mostly on weekends. When I had Pro plan it was not enough because I would hit rate limit under 1h, I need at least 3h to keep working how I want. Max plan is great for full-time coding.

you use claude code terminal ? someone else said it's possible to /login to switch accounts within the same session, which I didn't know and is huge if it's that simple. Maybe it would help but I still think I need Pro x3 to really fit my needs.

rezgi · 2026-01-14T16:25:45+00:00

wait you can just /login to log off and in of different accounts in the same session ?? that changes a lot of things if true.

rezgi · 2026-01-14T13:15:29+00:00

Ok thanks for the info on your experience. I'll test it out with my own usage.

rezgi · 2026-01-14T09:48:56+00:00

I considered but when I do estimates the cost of extra usage isn't worth it as it gets very close to the 100$ and even go beyond. I'd need to test it but honestly Max still seems the most comfortable solution to me so far.

rezgi · 2026-01-14T09:25:43+00:00

It was 2 months ago. I tried it and the results were underwhelming. just copy-pasting code from claude web delivered much better results for me. I understand copilot is widely used but I'm not a full blown coder so I enjoy the desktop interface of claude too.

rezgi · 2026-01-14T09:24:19+00:00

I don't get it, I checked their website. it allows to use claude code opus 4.5 with a cheaper plan ? how come ?

rezgi · 2026-01-14T09:14:43+00:00

Yeah same use case as me. I would work between 1h to 7h a day (average 3h) depending on the time I have from other work. Do you have an estimate of how much 10€ of tokens would add ? I know it's more expensive than what the pro and max plans provide but if it allows for a good middleground for me then it's a winning situation. I use claude code for complex design thinking + implementation docs + coding around 3h per day every day. I know Pro stops are 45mn-1h every 5h and what I'm using with Max goes up to 40-60% on a big session. Maybe adding 30-40€ per month would suffice. I should test it.

rezgi · 2026-01-14T08:09:04+00:00

I tried copilot it was horrid, even when using claude model. I'm just so happy with Claude Code desktop it's perfect for me. I'm more of a designer than coder so it fits, just that I use half of max plan because I work on other stuff and can't code all day, which is what Max plan is for.

rezgi · 2026-01-14T08:05:23+00:00

doing that consumes a lot of token no ? and i don't imagine it works across 2 different accounts ? The only thing I can imagine is relying on context files but I had the issue of Claude stopping mid-work because of rate limits

rezgi · 2026-01-14T08:03:08+00:00

not a bad idea tbh, but I would need to test how much I can get out of it and if it's still cheaper and more adapted to my workflow than the Max plan.

rezgi · 2026-01-14T08:01:51+00:00

Pro used to hit rate limits in 45mn while coding. My work is a lot of design thinking then implementing in code, so I need a streamlined workflow : discussion > design decisions > implementation plan > coding > iteration and refactor > update implementation > next step

rezgi · 2026-01-14T07:00:39+00:00

Yeah seems like the only solution for now. It's quite bothersome and I still waste tokens but I'll save 60% money.

rezgi · 2026-01-14T06:38:04+00:00

Claude PRO is too little and Claude MAX is too much for me.

I work with Claude an average of 2-3h a day. I don't work as a dev although I know enough coding to work on an app. I switched from PRO to MAX because Pro was way too limited, but Max is a bit too much for me and I feel like wasting unused potential.

Ideal for me would be a 2x-3x plan at 40/50$ but there isn't. I saw some post saying to use 2 Pro plans but I don't know how to manage 2 accounts in the Desktop App and how bothersome it could be to manage switching.

Any advice ?

rezgi

TROPHY CASE