At the beginning of the year, I tried using large language models to complete a full-stack project; see "Documenting One Attempt to Use AI to Build an Entire Full-Stack Project".
Back then, my view was that it was very difficult to use—even with existing code in other languages as reference, reproducing the results remained challenging, and human involvement was still largely required in writing code (especially for compilation issues and runtime bugs).
However, this year's rapid advancement in agent technology has also accelerated the growth of Vibe Coding, along with my increasing familiarity with the Next.js framework, making this task seem much simpler now.
As a researcher in video and image compression, I've long been frustrated by having to manually extract old experimental results from past data and write matplotlib code to plot RD curves every time. These days, I finally couldn't resist creating an application to manage related experimental data and enable visualization—RD Curve AI, and I welcome everyone to try it out and share suggestions for improvement.

Chart

BD-Rate

Data Import

Evaluation Metrics
This Vibe Coding process actually took only one day to complete, and I personally found it quite smooth. The general workflow is as follows:
- First, I wrote a detailed prompt describing the tech stack, components, and requirements. It didn’t need to be perfectly structured—just enough items to cover all the needs in my mind. Here’s my example:
In addition to this prompt, I fed in some previously written code for password encryption and better-auth configuration, because based on prior experience, this part often requires multiple iterations before AI outputs code that meets expectations.
I then created a high-level project prompt, which I could hand over to AI—but still needed minor adjustments afterward. Here’s my revised version:
After some time, the AI successfully built the entire framework. At this point, I began addressing error messages step-by-step, feeding each one back to the AI for resolution.
Once the project ran successfully, I gradually refined both functionality and frontend design—this phase was the most time-consuming. For instance, I later decided to add a BD-Rate calculation feature. Through repeated iterations, I eventually arrived at the project I wanted.
Finally, I want to emphasize that Vibe Coding still cannot help beginners complete complex system tasks. While you don’t necessarily need to fully understand every line of AI-generated code, you must have a solid grasp of the system architecture. I’ll quote a bold statement: "AI (almost) cannot help you complete tasks you yourself cannot do". My familiarity with Next.js grew through self-study over the past year, aided by AI in building small projects or improving open-source ones. Only after accumulating this experience did AI become a powerful efficiency tool.