AI frontend and 3D development workflow for a 20-year backend veteran

A 20-year backend developer uses AI coding agents to build a 3D environment app for Vision Pro. By testing on real devices, explaining discomforts to the AI, and switching models to overcome roadblocks, they write or read zero lines of code.

Reddit r/vibecoding/u/Charming-Detail-7626

Vision ProAI coding agents

Added 2026-10-31 · originally published 2026-10-25

Key points

Avoid writing or reading code directly, focusing entirely on experiencing the app on real devices like headsets.
Clearly explain subjective feelings and what feels wrong to the AI, such as adjusting lighting or interaction.
Switch directly to another model to keep moving forward when the AI gets stuck, rather than debugging the code yourself.

Pitfalls

The polish and detail level of 3D scenes may fall short, requiring continuous iteration and improvement.
AI models may get stuck when handling specific frontend or 3D problems.

Copy-ready prompt

Please help me implement a [Vision Pro app / 3D frontend scene]. The current specific issue is: [Describe where the lighting or interaction feels off]. Please make adjustments based on my feedback, focusing on optimizing the [visual effects / interactive experience].

View original post

#AI Frontend#Pitfall Avoidance#3D Graphics#Vibe Coding

Remove AI plastic look from Claude Code generated UI using unslop

To fix common issues in Claude Code generated frontend UIs such as purple gradients, glow effects, and random spacing, you can use the open-source project heydamir/unslop as a Claude Code skill for automated code reviews and layered fixes.

Design tips and standards for elevating AI frontend UI taste

Drawing on the insights of top designers, this guide helps you avoid cheap or tacky AI-generated interfaces by standardizing details like border radiuses, colors, typography, and borders. Effectively leveraging ready-made component libraries and prompts significantly enhances the UI quality in Vibe Coding.

7 critical user journey tests for frontend deployment with AI assistance

AI coding tools can quickly generate working websites, but a few manual clicks don't prove real users can complete tasks. Before going live, you must test these 7 complete journeys from end to end: initial load, login/registration, core features, form submission, file upload, navigation routing, and permission sessions.

Found this useful? Get daily updates on Telegram or X.

Join on Telegram Follow @CaiXiang23766

Summarized by AI from the original source - refer to the original post for details. Copyright belongs to the original author.

Key points

Pitfalls

Related techniques