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 BermanPresenta · Forward Future
Canal
Matthew Berman
Publicado
23 feb 2025
Vídeo
17:20
Lectura
2 min
Diapositivas
2
Original
inglés
Abrir en YouTube
Al desplazarte, el vídeo se reduce a la esquina inferior derecha y sigue reproduciéndose. Los subtítulos siguen tu idioma de lectura.
Idioma de lecturaDisponible en 2 idiomas
Este artículo aún no está en español, así que se muestra el original en inglés.
RESUMEN

En 30 segundos

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.

Conclusiones

  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.
TEXTO COMPLETO

Lee el texto editado por capítulos

Solo la transcripción
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
DIAPOSITIVA 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
DIAPOSITIVA 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.

Más de este canal

6 diapositivas25:50EN
MBMatthew Berman· 24 oct 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 diapositivas32:20EN
MBMatthew Berman· 23 oct 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
Diapositivas0:22EN
MBMatthew Berman· 21 oct 2026A Robot Bodyguard Video Shows Dramatic Rescue ScenariosMatthew Berman · Forward FutureMatthew Berman reacts to a short robot demonstration depicting fighting and vehicle-rescue scenarios.RoboticsEvaluaciones
45:08EN
MBMatthew Berman· 21 oct 2026Sam Altman on AI Discovery, Consciousness, Compute and a Human-Centered FutureMatthew Berman, Sam Altman · Forward FutureIn a conversation with Matthew Berman, Altman discusses scientific progress, personal assistants, recursive self-improvement and the importance of human agency.AI for sciencePersonal agentsConsciousness+2
0:32EN
MBMatthew Berman· 21 oct 2026Sam Altman on the Continuing Demand for Software WorkSam Altman, Matthew Berman · OpenAIIn a short interview excerpt, Altman says demand for software may be larger than expected even as AI changes how it is made.Future of WorkSoftware engineeringAgentes de programación
1:02EN
MBMatthew Berman· 15 oct 2026From Punched Cards to AI Software FactoriesMatthew Berman · Forward FutureMatthew Berman contrasts early programming with an AI-assisted workflow and promotes Factory’s development tools.Fábricas de softwareAgentes de programaciónSoftware engineering+1