The term Vibe Coding was popularized by Andrej Karpathy¹ to describe a conversational, high-level way of programming with AI models, where you specify the intent, style, or 'vibe' of what you want and let the model draft most of the implementation details of a Web app.

No code, just words.

There are interrelated three elements of digital innovation: Think; Vibe; Build.

Think.

As illustrated above, Vibe Coding here is powered by Google Technology and driven by Design Thinking based on the Stanford d.school² method. This is five iterative stages to create a solid Think foundation for digital innovation:

Empathize.
The first and most important stage in Design Thinking is Empathize. This where you are creating receptivity and rapport among a broad set of decision-makers and influencers as stakeholders. In turn, this generates the trust required to move to the Define stage.

Define.
Clearly articulating the problem to be solved. After gathering insights, define the core problem in a human-centered manner. This stage is about synthesising observations and articulating the problem in a way that guides the creation of a compelling argument for a solution.

Ideate.
Generating a range of creative ideas to solve the defined problem. This phase involves brainstorming and exploring potential solutions, encouraging out-of-the-box thinking. It's essential for innovation, as it embraces creativity in the discovery of effective outcomes.

Prototype.
Turning ideas into tangible products. Prototyping means a hands-on approach to the rapid transformation of Current State, generating a simpler, more effective Future State with the right solution. Prototyping is crucial for visualising how the solution will work.

Test.
Gathering feedback and refining the Prototype. Testing includes feedback collection on reactions to the solution offered. This helps in understanding the prospect's experience, identifying issues, and validating the effectiveness of what has been proposed.

Vibe.

Today, Vibe Coding is an effective way to Prototype new Web apps.

Build.

The Build process takes a Vibed Coded Prototype and turn this into a Production class Web app.

In moving from Vibe to Build there is an intermediate step: Optimise.

Optimise.

The core objective of That! Haus Optimise (T!HO) is to act as the 'Production Hardening' layer in Vibe Code apps conceptualised with Google Firebase Studio and then moved to a Production Web app.

The role of Optimise is to ruthlessly eliminate variable costs to ensure economic viability. It is, in the jargon, a human-in-the-loop taking a 'stochastic model' inherent in a Vibe Coded Web app and turning this into a robust 'deterministic model' required for demanding Software-as-a-Service (SaaS) use cases, such as Customer Relationship Management (CRM) Web apps.

References

1. Karpathy, A. [@karpathy]. (2025, February 2). There’s a new kind of coding I call “vibe coding”, where you fully give in to vibes, embrace exponentials, and forget that code even exists. X. https://x.com/karpathy/status/1753472166197080428
2. The Hasso Plattner Institute of Design. (2004) Stanford d.school. https://dschool.stanford.edu/about
3. Kilpatrick, L. (2025, November 18). Start building with Gemini 3. Google. https://blog.google/technology/developers/gemini-3-developers/
4. Google. (2025). Get started with Firebase Studio. Firebase. https://firebase.google.com/docs/studio/get-started