[KongchangAI]
Tech Frontiers· 2 min read· 1,352 words

Vibe Coding Step-by-Step Guide: Learn to Build Products with AI in Six Steps

Vibe Coding Step-by-Step Guide: Learn to Build Products with AI in Six Steps

Outlines the six-step skeleton of Bilibili's 748-episode Vibe Coding course and assesses its reasonableness and boundaries.

The article outlines the methodological skeleton of a 748-episode Vibe Coding course on Bilibili: breaking building products with AI into six progressive steps—tool usage, prompt design, small project practice, fancy skill usage, large projects, and exclusive experience—with the first two laying the foundation, the middle two for application, and the last two for scale. It notes that beginners' failures concentrate in three problems at different levels—not knowing how to use tools, poor generation results, and a wrecked environment—which need to be solved separately; it also emphasizes that Codex, Claude Code, and Cursor represent different interaction paradigms, and choosing the wrong tool will be twice the effort for half the result. Regarding the course's "get a job after finishing" promotion, the article is reserved, believing it suits non-technical people with product ideas and independent developers rather than zero-foundation job seekers, and suggests treating long courses as a map to consult on demand.

ListenDialogue
0:002:36

AI coding tools keep emerging—Codex, Claude Code, and Cursor take turns on stage—but few people actually manage to build products with AI. This "full 748-episode" Vibe Coding course on Bilibili attempts to break this down into an executable path. This article does not retell the course episode by episode; instead, it outlines the methodological skeleton, and combined with the current ecosystem of AI coding tools, discusses why this six-step approach is reasonable and where it needs supplementation.

Actually learning to build products with AI

Why Most People Fail at Coding with AI

The course opens by pointing out a common phenomenon: many people's first experience with AI coding runs into tools they don't know how to use, poor generation results, and even wrecking their local environment. These three cover almost all the sources of frustration for beginners, and they actually point to problems at different levels.

Not knowing how to use the tools is an operational-level issue; poor generation results are a matter of prompt and context management; a wrecked environment is a matter of engineering habits and safety boundaries. Trying to solve them all at once turns into "learning lots of tricks but still unable to build anything." The value of the course lies in untangling this mess rather than piling on more tool lists.

The results produced by AI are poor

The Six-Step Method: A Progressive Structure from Tools to Projects

The course breaks Vibe Coding into six steps: learn how to use the tools, figure out how to write prompts, find a project to practice with, understand fancy ways to use skills, build a large project, and take away the creator's exclusive experience.

The first two steps are the foundation layer, the middle two are the application layer, and the last two are the scale layer. The key to this order is that it doesn't ask beginners to tackle a complete product right away; instead, it first builds intuition for how the tools behave, then moves into prompt design, then validates with small projects, and only finally scales up. For people without a programming background, this pace is far more reliable than "just have AI generate an app."

I made this zero-to-one video

Tool Layer: Understanding the Boundaries of Each AI Coding Assistant

Codex, Claude Code, and Cursor represent different interaction paradigms. Cursor is in-editor completion and refactoring, Claude Code leans toward task execution in the terminal, and Codex is closer to code generation and explanation. The course placing "learn how to use the tools" as the first step implies a judgment: the applicable scenarios for different tools differ greatly, and choosing the wrong tool will make all subsequent steps twice the effort for half the result.

Vibe Coding is a term coined by Andrej Karpathy in early 2025, referring to a programming approach where you describe intent to AI entirely in natural language and the model generates and modifies code, with the developer acting more as a "reviewer" than a "typist." Its difference from traditional "AI-assisted programming" is that the latter is human-led with AI completing; the former hands implementation details entirely to the model, with humans focusing on expressing requirements and accepting results. This paradigm lowers the barrier to writing runnable programs, but also shifts risk onto the accuracy of requirement descriptions and code review ability—which is exactly why the six-step method makes prompts and project validation separate steps.

Prompt Layer: From Describing Requirements to Constraining Output

In Vibe Coding, prompts are not about "sounding eloquent" but about conveying requirements, context, and constraints to the model at the same time. The course lists this separately as the second step, indicating the creator considers it the watershed between "usable" and "good." In practice, prompt quality often determines output more than model selection.

Context Window refers to the upper limit of tokens a model can receive in a single pass, including conversation history, pasted code files, error messages, and so on. A common cause of "poor generation results" in AI coding is not insufficient model capability but missing or exceeded key context: when the project is too large, the model can't see relevant files; in long conversations, early constraints get pushed out of the window. Practical responses include providing files in batches, using summaries instead of full pastes, and restating core constraints at the start of each round. Understanding this mechanism is essential to understanding why prompt engineering in Vibe Coding is equivalent to "context engineering."

Project Layer: Small Projects for Practice and Large Projects

Between the third step "find a project to practice with" and the fifth step "build a large project" sits "fancy ways to use skills." This arrangement is interesting: it acknowledges that there is a capability gap between toy projects and real products, and that fancy ways (combining tools, automating workflows, multi-round iteration) are the means to cross that gap.

Step four: understand fancy ways to use skills

The capability gap from toy projects to real products largely comes from the introduction of engineering constraints: version control (Git), dependency management, environment isolation (virtual environments or containers), testing, and error tracking. Toy projects can be generated in one shot, while real projects require multi-round iteration, rollback, and reproducible builds. What the course calls "fancy ways" is essentially filling in these gaps—letting AI participate in writing commit messages, generating test cases, and troubleshooting dependency conflicts. Without this layer, a project easily spirals out of control once it exceeds single-file scale.

Who This Course Is For, and Who It Isn't

The phrase "get a job after finishing" in the title is typical course marketing talk and should be viewed calmly. Vibe Coding can significantly lower the barrier to building prototypes, but the job market's requirements for engineering ability have not disappeared because of it. This content is truly suitable for: people with product ideas but no programming experience, independent developers who need to quickly validate solutions, and professionals who want to improve their efficiency with AI tools.

It is not suitable for people who expect to go from zero foundation straight to meeting engineering job requirements. The six-step method can help you complete the path of "building something," but code quality, system design, and collaboration standards—these hard employment metrics—still require additional learning and practice.

A Rational View of Course-Type Content

The sheer volume of 748 episodes is itself a filter. The advantage of long courses is complete coverage; the disadvantage is that it's easy to fall into the procrastination of "finish watching before starting." A more effective approach is to treat the six-step method as a map, watch only the most relevant episodes for each step, start immediately, and go back when you hit problems. The "exclusive secrets" mentioned in the course are the creator's personal experience—worth referencing, but not to be taken as universal rules.

The core of Vibe Coding is not how many tricks you memorize, but building the closed-loop habit of "using AI to turn ideas into runnable products." Tools will iterate, but the framework of the six-step method can be reused long-term.

One-line Summary

Outlines the six-step skeleton of Bilibili's 748-episode Vibe Coding course and assesses its reasonableness and applicable boundaries.

Paragraph Summary

The article outlines the methodological skeleton of a 748-episode Vibe Coding course on Bilibili: breaking building products with AI into six progressive steps—tool usage, prompt design, small project practice, fancy skill usage, large projects, and exclusive experience—with the first two laying the foundation, the middle two for application, and the last two for scale. The article notes that beginners' failures concentrate in three problems at different levels—not knowing how to use tools, poor generation results, and a wrecked environment—which need to be solved separately; it also emphasizes that Codex, Claude Code, and Cursor represent different interaction paradigms, and choosing the wrong tool will be twice the effort for half the result. Regarding the course's "get a job after finishing" promotion, the article is reserved, believing it suits non-technical people with product ideas and independent developers rather than zero-foundation job seekers, and suggests treating long courses as a map to consult on demand.

#Vibe Coding#AI coding#Codex#Claude Code#Cursor#prompt engineering#AI product development
Share:

Related articles