Vibe Coding a Login Page and an AI Tetris Player

Matthew Berman experiments with AI-written code, iterates through failures and trains a basic game-playing agent.

MBMatthew BermanModeration · Forward Future
Kanal
Matthew Berman
Veröffentlicht
23. Feb. 2025
Video
17:20
Lesezeit
2 Min.
Folien
2
Original
Englisch
Auf YouTube öffnen
Beim Scrollen schrumpft das Video in die rechte untere Ecke und läuft weiter. Untertitel folgen Ihrer Lesesprache.
LesespracheIn 2 Sprachen verfügbar
Diesen Artikel gibt es noch nicht auf Deutsch, daher wird das Original (Englisch) angezeigt.
ZUSAMMENFASSUNG

In 30 Sekunden

Berman tries a hands-off coding style inspired by Andrej Karpathy, using Windsurf and voice input to build a login page and Tetris. He then attempts a reinforcement-learning player; the video includes repeated errors, a manual edit and a weak final player.

  1. 1The experimentBerman tries a hands-off style inspired by Karpathy.
  2. 2Authentication remains unverifiedA button appears after troubleshooting, but the complete security flow is not tested.
  3. 3Iteration and manual editsTetris controls need fixes and direct code changes.
  4. 4A weak trained playerThe agent eventually plays but loses.

Das Wichtigste

  1. Natural-language requests can produce working prototypes, but iteration is still needed.
  2. A visible login form does not establish a secure authentication implementation.
  3. The Tetris feature requests required fixes and a manual code edit.
  4. The first AI player was a random placeholder; the later trained player performed poorly.
  5. Skipping code review is an experiment for disposable projects, not evidence of production readiness.
VOLLTEXT

Den bearbeiteten Text nach Kapiteln lesen

Nur das Transkript
01

What is vibe coding?

Berman introduces the experiment and builds a login page.

I explore what Andrej Karpathy called vibe coding: describing what I want and letting an AI write the code, often without inspecting its changes. His example concerned a throwaway project; this experiment does not establish that unreviewed code is appropriate for production.

I use Windsurf, Superwhisper and initially o3-mini to build a login page. The assistant creates a Flask project, and I follow its terminal instructions to set up the environment and run it.

When the environment produces errors, I paste the messages back and accept the proposed changes. A basic username and password screen appears, but seeing a form does not verify that authentication is secure or complete.

I request Google authentication, encounter missing packages and environment issues, and eventually get the app running again. The Google button still does not appear, showing that generating code is not the same as completing the requested feature.

I ask the assistant to fix the missing button and switch to Claude 3.5 Sonnet when I want to share a screenshot. A button appears after further changes, although the page still has a broken image; the video does not validate the complete login flow.

02

Building Tetris

He adds a preview and controls, then works through bugs.

Next I ask for a Python Tetris game. After installing requirements and starting the program, I verify that a piece can complete a line, then request a preview of the next piece.

The initial Tetris game
FOLIE 1 / 2The initial Tetris gameThe generated game runs after the environment is set up.

The preview is missing on the first run, so I describe the problem and request another fix. The next version shows the preview and also adds a score, which I check by clearing a line.

Next-piece preview
FOLIE 2 / 2Next-piece previewA later iteration displays the requested preview and a score.

I add pause and end-game buttons, but their positions overlap the board and the pause cannot initially be reversed. I report the issues and eventually copy and adjust suggested code manually, despite the goal of minimizing direct coding.

03

Training an AI player

He troubleshoots training and integrates a weak game-playing agent.

I ask for an AI that learns to play. The first result is a random-move placeholder rather than a learning system, so I switch models and ask again. The assistant proposes a deep Q-network using Stable Baselines3.

Training initially fails because of an import issue and then an observation-shape mismatch. I paste the errors back for fixes; after another run, training messages and rewards begin to appear.

After training, the game still has integration problems, including a circular import and a failure to locate the saved model. Further prompting gets the assistant to find the saved file and add an AI play mode.

The agent finally plays, although it performs poorly and loses. I am impressed by the prototype, but the recording also shows troubleshooting, manual edits and incomplete verification rather than a flawless one-prompt build.

Mehr aus diesem Kanal

12 Folien34:21EN
Matthew Berman· 27. Okt. 2026Matthew Berman Examines Anthropic’s IPO Filing, AI Growth and GovernanceMatthew Berman, Sam Altman · Forward FutureThe presenter reviews the S-1’s financial metrics, compute strategy and voting structure while questioning the tension between rapid AI development and safety.AnthropicAI SafetyEnterprise-KI+2
6 Folien25:50EN
Matthew Berman· 24. Okt. 2026Kimi K3.1 Pro Tested: Strong 3D Demos, Uneven Results and Competitive PricingMatthew Berman · Forward FutureMatthew Berman tests the open-weight model on coding, 3D rendering and visual explanations, then compares benchmark results and prices.Open-weight modelsBenchmarksAI cost & performance+1
2 Folien32:20EN
Matthew Berman· 23. Okt. 2026Who Is Local AI For? The Costs, Trade-offs and a Hybrid FutureMatthew Berman · Forward FutureMatthew Berman weighs data control and independence against hardware cost, setup complexity and inference speed.Local inferenceOpen-weight modelsAI cost & performance+1
6 Folien1:03:37EN
Matthew Berman· 23. Okt. 2026Matthew Berman’s Team Tests Kimi K3.1 on Animation, Games, and ChartsMatthew Berman, Alex, Brian · Forward FutureA live team AMA turns into an informal test of Kimi K3.1, from personal-agent workflows to motion graphics, a browser game, and a benchmark chart.Coding-AgentenGenerative mediaEvals+2
0:53EN
Matthew Berman· 22. Okt. 2026Sam Altman on AI and the Discovery of New KnowledgeSam Altman · OpenAIAltman expects progress in mathematical discovery to extend to biology, materials and energy.AI for scienceMathematicsComputational Biology+1
Folien0:22EN
Matthew Berman· 21. Okt. 2026A Robot Bodyguard Video Shows Dramatic Rescue ScenariosMatthew Berman · Forward FutureMatthew Berman reacts to a short robot demonstration depicting fighting and vehicle-rescue scenarios.RoboticsEvals