Vibe-coding is fun for me. I do not have to necessarily write all that big codes and pages manually as AI easily does that for me. But, I also realized that it is very important for me and you to know what code does that AI write.
I personally feel that AI is good in assisting the work but entirely leaving it to AI and not even checking would be dangerous in near time if not now. AI makes mistakes, and those mistakes can be costly for humans who used them to code.
Quick question for frontend devs using tools like v0, Claude, or Cursor. When you get a new Figma design, what's your actual entry point now?
I used to start by setting up component state, props, and styling manually to keep things clean. Last week I tried just feeding screenshots and exported SVGs directly to the AI to spin up the UI instantly. It got me 80% there in 5 minutes, but the generated CSS was a messy soup of arbitrary Tailwind utility classes that took an hour to clean up. Curious how many of you are fully automating the UI handoff vs manually building the core markup first and then using AI for the logic.
I keep going back and forth on this. Write out a tight spec first (user story, edge cases, acceptance criteria) and the AI output gets a lot more predictable, but it also kills a chunk of the speed that made vibe coding appealing in the first place. Skip the spec and just describe the vibe, and I end up rewriting prompts three or four times to fix things a spec would've caught upfront. Where do people here actually land? Full spec, loose bullet points, or just winging it and iterating in the chat?
