← Knowledge Notes
Indie Building / Knowledge note · English

Xiaohongshu / Vibecoding Practical Collection (Games/Tools/Mini Programs)

A collection of 40 practical vibecoding works by Xiaohongshu creators. The most intuitive vibecoding reference for non-technical developers beyond Truman: desktop pets / N-day game development diaries / 30-day ARPG challenge / Cozy Cat Fit / Stranger Things / a full game made with Codex in one afternoon / ASCII style converter / 10,000-user interviews for Ci Le Ge Ci / music version of Cursor / terminal Tetris for waiting-mode thinking / gesture-controlled Snake / couple date projects / **Astro Kid's 400 million yuan financing = platformized realization of Vibe Gaming**. Covers the tool stack (Google AI Studio / Codex / Cursor / Gemini 2.5 / Lingguang / Figma) + three core mindsets (state requirements clearly / progress step by step / be a picky client) + the life-or-death line between 0-80 and 80-100 points + business route selection + user retention data + platform-side business models

Source collection:Xiaohongshu Vibe Coding · Published here:2026-09-26 · Note updated:2026-05-17

Vibe CodingGame DevelopmentProduct Practice

Practical works under the Xiaohongshu vibecoding tag in 2026.A reference for non-technical developers to build real products using AI tools, from desktop pets/games to mini programs with actual users. A practical record from frontline creators, outside Truman's one systematic course.


I. Three Core Mindsets of Vibecoding (extracted from the Stranger Things game video)

A pure liberal arts student who has never learned Python,built a logically complete Stranger Things-style game by chatting to write code.

Mindset Content
1. State requirements clearly You don't need to understand programming languages.Just like directing a vendor company tell the AI: "1980s retro UI style, the visual effects should have a cold, electromagnetic interference texture."
2. Progress step by step (nurturing style) Never try to make it perfect in one go. Build the skeleton first, then add flesh and blood, and finally add the finishing details.AI will calculate appropriate values based on your content; watching your ideas land bit by bit makes nurturing-style programming very addictive.
3. Be a picky client Type directly about anything that doesn't look right,tell it how to adjust in natural language. "Code will flow and automatically reorganize according to your aesthetics like water."

Core Insight (2026): The greatest significance of vibe coding for people without a technical background is —for the first time, aesthetics runs ahead of tools. "You are no longer a novice judged by complex code,you can also be the chief director of this world. "

"Sometimes you are only one chat box away from being a creator."


II. The Life-or-Death Line Between 0-80 and 80-100 Points (Interview 02 with the author of Ci Le Ge Ci)

Key insight:Vibe coding solves the product from 0 to 80, but 80 to 100 is the state where the product truly becomes usable.

Key product development timeline (an independent developer in 2026)

Time Tool Status
2026-05 Early AI Poor programming ability, hitting walls everywhere
2026-09 Gemini 2.5 Solved main functional problems, but with bugs + slow thinking
2026-12 Cursor + Codex Completely restructured the approach, solved frontend and backend all at once

3 criteria for judging the value of Web Coding

  1. Degree of user willingness to pay
  2. Virality
  3. Scalability

Strategic choices for individual developers (finding advantages within disadvantages)

Option Problem Strategy
Build a professional vocabulary memorization app Existing competitors have long-term iteration and rich features, individual developers cannot compete ❌
Build a globally oriented ad-monetized vocabulary memorization product Channel + traffic barriers are too high ❌
Build a gamified mini program (Sheep a Sheep + Match-3 + vocabulary memorization) Simple levels can hit user pain points ✅

"I am the best singer among programmers, and the best programmer among singers." — find your own advantage spotlight within your own disadvantages.

The real difficulty of 80-100 points (non-code parts)

  1. Non-code logic(dictionary integration + image-text matching + emoji word mapping = dirty work)
  2. Review time(2 months for mini-game review but mini program code cannot pass)
  3. User experience(80→100 is the real life-or-death dividing line)

The most important ability (development completion degree)

Interest > Technology: An excellent product manager must love their own product, rely on self-drive and interest, use the software every day, and listen to user feedback to optimize the product.No financial rewards in the early stage, can only rely on self-drive.


III. Typical Practical Cases

Case 1: VIbecoding Desktop Pet Tutorial (Xiaozhuang)

3-Round process:

  1. Round 1 — Clarify requirements: Dynamic realistic puppy effect floating above all pages, draggable to switch modes, backend panel updates materials + sets greeting messages →Organize the prompts and copy them to Codex to generate the same product framework
  2. Round 2 — Make dynamic effects: AIGC generates character cards + different poses +first-and-last-frame dynamic video concatenation → CapCut smart cutout / chroma key cutout → MP4 with transparent background
  3. Round 3 — Embed into Web Coding product: Upload video → configure associated video interaction states → communicate with Web Coding tools for customization (scheduled appearance / automatic state switching)

Golden quote: "Office workers stare at screens every day, and finally there is a cute, attention-seeking reason to make you stop."

Case 2: Cozy Cat Fit (indie game producer Potion, 1 month)

Development process:

  • Remade the puzzle game *Cats Organize Neatly* (based on Polynomial gameplay, 1907)
  • 28 cats × different shapes + patterns + animations + physics-based fur system
  • 3-4 cats per day during Spring Festival, started on 1/20, completed on 2/19
  • Built tile editor + puzzle generation tool + solving tool →over 700 carefully selected puzzles

Art cost warning: Continued the cat theme, but severely underestimated the art production cost.

Case 3: Vibecoding ARPG Game 30-Day Challenge (Chris)

Vol.2 Day 4: Main city basically completed + drop system + corpse-loot system + inventory system + one-click inventory sorting

Vol.3 Day 8: Connected Sol City teleportation route + completed basic scene foundation + elite monster garrisons

Key decision:Prioritizing game content is king(abandoned 2 days of struggling with skeletal animation)

Final goal: After the first dungeon is built upload the Demo to Steam immediately.

Case 4: A Complete Game Made with Codex in One Afternoon with One Sentence (*Night Pathfinding*)

Slay the Spire-like card climbing game + complete large levels:

  • Almost all assets are generated by Codex calling the GPT Image 2.0 image generation model
  • Codex itself does cutout + image processing
  • Collected animations + sound effects + music + settlement animations (C-Dance 2.0)
  • Complete bosses (Painted Skin / Deserted Temple Hall Guardian)
  • Homepage + icons all have automatically generated animations
  • Open-sourced

Case 5: ASCII Art Style Converter (Xiaozhuang, one evening)

Supports image upload → one-click conversion to high-end artistic photos → adjust character density / contrast / character set → export.

Case 6: Vibecoding Game Development N-Day Diary (author of WapCoding)

Day 3: Trash map + monster list + basic combat values Day 26: Beggar version was laggy,speed flew up after refactoring, 21 maps, added NPC battles / fog of war / towns / trading system + monster bestiary + stronghold gameplay Day 64: NPC looks finally passed aesthetic standards, player character changed from an icon to a lively 3D character

Mindset:The process doesn't matter, I finally got a normal version, let Codex help me implant it into the game and see the effect.

Case 7: Ci Le Ge Ci (10k users, 3 months)

Data:

  • Live for 3 months / peak daily active users 7000
  • Active user next-day retention 45% / new user next-day retention 25% / 7-day retention 10%
  • Viral Xiaohongshu post with 4000+ likes drove traffic

Leverage strategy:Leverage brand effect for promotion

  • Name referenced "Sheep a Sheep"
  • Gameplay referenced "Match-3 + Catch the Big Goose"
  • Promotion leveraged existing brand momentum

User suggestion priority handling:

  1. Performance optimization (smooth + intuitive)
  2. Sense of achievement + sense of sharing (leaderboard + sharing)
  3. Product virality (high-difficulty levels + honor nominations + friend battles / couple word matches)

Case 8: Vibecoding Stranger Things Game

A pure liberal arts student, using Google AI Studio,never learned Python, built a logically complete Stranger Things-style game.

Case 9: Music Version of Cursor (buildinpublic)

Strato live coding tool: turns music creation into a coded, quantified form.

  • Integrated Codex(adjustable ChatGPT 5.5 reasoning level / fast mode)
  • HONEST framework + context occupancy ratio display
  • Code = NOTE blocks(C2/G2/EB3 scale parameters + tracks + ADSR envelope)
  • Library feature: stores 800+ official + open-source code snippets (Disco/Rock/Sense synthesizers)
  • Simple prompt "Space Ambient music" → detailed breakdown + tagging (Energy: Low / Groove / Space Roll)

Case 10: No More Boredom While Waiting in Thinking Mode (Terminal Tetris)

Problem: Boredom while waiting for Claude Code to think Solution: Run Claude Code on the left,run Tetris on a split screen on the right. The blocks are composed of keywords from the left-side chat. When the AI task completes → the falling speed of the blocks on the right suddenly increases, urging you to go back and check the result. Inspiration: MIT students turned an entire dormitory building into a Tetris playing field.

Case 11: Gesture Snake Built with Meituan LongCat Deep Thinking

Built a complete gesture-interactive Snake game in 1 minute(8 thinking windows in parallel).

  • Meituan LongCat (Totoro) deep thinking model
  • One command pops out8 thinking windows spinning wildly at the same time(parallel inference)
  • Holds closed-door meetings with itself to troubleshoot all pitfalls → optimal solution
  • Achieved SOTA in multiple global agent generalization capability evaluations

Case 12: Full-Process Vibecoding Tools (Xiaozhuang)

8-piece set:

  1. Discuss requirements → one-click generate product documentation
  2. Find high-quality UI reference cases
  3. Generate frontend interactive pages
  4. Improve interaction animations
  5. Build backend database
  6. Debug code and fix bugs
  7. Directly deploy and go live
  8. (Recommended to follow) Learn tons of AI tools

Case 13: Couple Date Projects from Banger to Lame (Couple Version)

Use vibecoding concepts to score various date activities:

  • Fancy meals → Lame (not filling, not tasty, ridiculously expensive)
  • Private cinemas → NPC (outdated)
  • Working out together → Top tier (especially during the sweet period)
  • Cooking together → Banger/Lame (depends on the person)
  • Eating hot pot and watching shows at home → Top tier (you don't even need to talk)

Case 14: 3 Vibe Coding Works That Blown Me Away Recently

  1. Electronic album(Mei Fen)
  2. Electronic perler beads(photo generation, perler bead download)
  3. Cat selfie generator(set location + time)

IV. Key Tool Stack (Full Collection Summary)

Tool Use
Google AI Studio Top choice for beginners, code-hidden, friendly to pure liberal arts students
Cursor Main AI programming tool, integrates Codex / Claude / Gemini
Codex(GPT-5.5) All-in-one development (code + images + cutout) / Slay the Spire-level games
Gemini 2.5 / 3 2026-09 turning point / 3D particle animation
Domestic Lingguang Domestic Web Coding tool (similar to Google AI Studio, code-hidden)
GPT Image 2.0 Image generation (built into Codex)
CapCut Cutout / chroma key cutout / MP4 transparent background
Figma Battle scene design
Meituan LongCat Deep Thinking 8 thinking windows in parallel / SOTA agent

V. Independent Developer Mindset (extracted from interviews)

Stage Mindset
Starting out Don't panic,sometimes you are only one chat box away from being a creator
Setbacks "Don't get angry, give it your all, there will be a response" / "It must be that I'm using it the wrong way, keep going"
Cognitive refresh "Human cognition must be constantly updated, don't think about past difficulties, face the future"
Decision-making User willingness to pay / virality / scalability = evaluation criteria
Persistence Interest + self-drive > technology

VI. Future Predictions (Author of *Cilegeci* / Word Match)

"Conversational AI software should be completely obsolete by 2025.2026 will see an explosive growth of this category of applications — specialized, logically self-consistent, tool-rich alternatives to conversational software."

Key future directions:Using large models for scientific prediction(Summarize current situation + surrounding environment + internet public opinion → provide project suggestions + education). Large models become people's teachers + directional compass.


VII. Platformization of Vibe Gaming: The 400 Million Yuan Financing Case of Astro Kid (2026-05-17)

Source: Xiaohongshu short video *Li Feifei Makes AI Games, Raised 400 Million* (uploaded 2026-05-17). The original video uses the name Astro Kid; the common industry name is Astrocade.

Significance: The first 6 sections of this wiki all cover individual creator perspectives on vibecoding game development; this section covers platform-side commercial monetization — vibecoding games moving toward TikTok-style mass consumption + a closed creator economy loop.

Product form: Turning "playing games" into "scrolling Douyin"

Dimension Design
Discovery method TikTok-style feed — tap into a game, swipe down if you don't like it, like and comment if you do
Content Homepage is fully AI-generated games, covering themes including Railway vs Zombies / Pixel Hunter / Jujutsu Kaisen / Restaurant Management / Parking / Farming, etc.
Format Simplified versions with simple rules,no download required, no ads
Usage scenarios Slacking off at work / zoning out before bed / 2-minute instant gratification
Content ecosystem Multiple titles have reached hundreds of thousands to millions of plays

Zero-code creation: Make a game in 10 minutes using plain language

Take "otome game + 4 male leads of different styles" as an example:Natural language description → AI completes settings (style/background options) → wait 10 minutes → characters/plot/interaction system fully built automatically → refine on the right side (protagonist name/affinity level/difficulty). The dialogue and plot are smooth, with "the feel of a polished game."

"You don't need to write a single line of code; describe it to AI in plain language, and you can play it in a few minutes."

Financing / growth timeline

Time Event
2022 Founded, heads-down on technology development
2024-06 Public debut
2024 (Seed round) $12 million USD;NVIDIA + AME + legendary figures in the gaming industry invested
8 months after launch 20 million users / 140 million average monthly plays
2026-05 (current round) Combined Series A + Series B disclosure of $56 million USD;Led by Donghai Group + Sequoia Capital, with participation from Google + NVIDIA

Meaning of the name: Astro (universe/space) + Kid (arcade game hall) = "cosmic-level arcade", its ambition written right into the name.

Creator economy: $100 million fund + revenue share based on play count

  • $100 million creator fund
  • Creators earn revenue based on "play count"
  • Some creators already earn thousands of US dollars per month

This is a key piece of the puzzle for vibecoding's commercial closed loop — the downstream of the first 6 sections' "individual developers making small games" was missing a monetization channel, which the Astro Kid platform provides.

Comparison with other sections of this wiki

Section Perspective Relationship with Astro Kid
I, III. Mindsets (Stranger Things) Individual / tool usage "State requirements clearly → AI completes" on Astro Kid = usable even by ordinary players
II. The 80→100 Life-or-Death Line (Cilegeci / Word Match) Individual / independent developer Astro Kid is a platform,it toolizes the 0-80 stage, players only need aesthetics and creativity
III. Typical Practical Walkthrough (Vibecoding Game Development N Days) Individual / long-term level grinding The "endgame" of these individual paths = capture by platforms like Astro Kid
VI. Future Predictions Individual / trend judgment "2026 application explosion" is validated on the platform side; capital has already bet 400 million yuan on it

Open questions

At the end of the video:"Are you bullish on the future of this AI game version of Douyin?"

Judgment points (readers of this section can self-evaluate):

  • Player side: Can TikTok-style fragmented games form a "scrolling" habit like short videos?
  • Creator side: Can monthly earnings of a few thousand US dollars sustain long-tail creator activity?
  • Model side: How long can the quality of games generated in 10 minutes stay on par with "polished games"?

See also