#NPCFriday 001

​

• Vibe Coding 101
• Two Truths and a Twist: First MCP Game

Our Hopes For Today

• Make Friends

​

• Share Knowledge,
• Be Inspired

​

• Have Fun!

Vibe Coding 101

• 1. Mental Models for Vibe Coding
• 2. Tools to Vibe Code
• 3. Building Together

What is Vibe Coding?

What is Vibe Coding?

On Mental Models

• A way to understand the world: Tools for Thought
• Diagrams

“Retention Leads to Monetization”

DAU

D1 D7 D30

K - Factor

On Mental Models

• Tools for Thought
• Quotes / Poems

​

“The old world is dying, and the new world struggles to be born: now is the time of monsters.” - Antonio Gramsci

​

On Mental Models

• Tools for Thought
• Memes?

​

The Rule of 3

• Humans remember concepts better when grouped in threes

* How about AI?

A Vibe Coding Mental Model: APB

* Adapt

• A New World

* Adapt

• A New World

* Adapt

• Evolving machine interfaces:
• Assembly Language → Programming Languages → Drag and Drop → Natural Language

​

• This has happened before, games change due to technology:
• Mobile, Internet, social networks, crypto, now AI
• But some things are new:
• Cultural / Societal context, pace of change

​

• “History doesn’t repeat itself, but it often rhymes” - Mark Twain

* Adapt (How To)

​

• Always keep track of the developments, at least with frontier models
• OpenAI, Anthropic, Gemini, Grok, Mistral, Llama, Deepseek
• HuggingFace is a great source for news and playground for models
• Be nimble with your workflow
• Evaluate tools you are using frequently (at least once a week for now!)
• New just this week: Firebase Studio, Task-master-ai
• If you can, simplify workflow and not rely on too many models / tools
• Most are just wrappers of the frontier models, or LORAs
• Costs are usually cheaper also if interacting with APIs directly
• Everything is connected
• Workflows can flow into each other: text prompt → 2D → turnarounds → 3D
• Don’t be limited by just using one tool, think in terms of input and output

* Adapt (How To)

​

• My #Vibejam Workflow
• Cursor with Gemini-Pro-2.5-Exp Agent Mode
• Started with Claude 3.7
• ChatGPT for image processing
• Create icons from mockups
• Remove transparency for icons
• Hunyuan 3D 2.0 for 3D
• From mockup to 3D
• Replit for deployment

* Plan

• Think before you act

​

* Plan

• Start with low fidelity, prevent over-engineering
• Think board game design 1st

​

​

* Plan (How To)

• Break down tasks
• Add tests

https://github.com/eyaltoledano/claude-task-master *�(ymmv; also is it still vibe coding??)

* Plan (How To)

• My Process
• Create a Design doc
• Excalidraw Mockups
• Simple game design (movement, screen elements)
• Start with a template
• Phaser + Enable3D for Three.js support
• Start one shotting first screen
• Continuously iterate

* Break The Rules

* Break The Rules

• Understand the strengths of the tech
• Natural Language Interface
• Randomness
• Quick workflows
• User generated content
• Understand the fundamentals of game design and first principles
• Psychology, game design, virtual economies, marketing
• Embrace absurdity
• Once you know the rules, THEN you can break them

​

* Break The Rules ($NOODS)

LIVING GAMES… EMERGENCE FROM HUMANS & GAME DEV AGENTS

Novel game design emerges from experimentation, and usually around absurdity. Living games is about giving AI x humans the space to find these kernels…

“BE THE BULLET HELL”

VAMPIRE SURVIVORS ➡️ ROGUE-LITES

“CAN WE FIT 100 PLAYERS IN A GAME?”

PUBG, FORTNITE ➡️ BATTLE ROYALE

“INFINITE WORLDS”

INFINIMINER, MINECRAFT ➡️ SURVIVAL

The future…

* Break The Rules

​

• Or, Just Chart Your Own Path!
• Mental models are just that, models
• They simplify our understanding of the world
• But the world is nuanced and complicated
• In fact, even mathematical models fail
• Board games and even video games may be anachronistic references

Some games just come out of our own unique explorations. Be absurd and creative!

Repetition!

THANKS