first try, one-shotted a game with Claude Sonnet 4
AND I vacuumed my living room while doing it

no bugs. It just worked.

🔥 this is gonna be WAY, WAY better at coding vs 3.5/3.7

prompt:

```
I want you to create a game in javascript for me, using canvas. Follow the specs below and create a fully functional game.

# Rules
1. Do not write comments explaining the code.
2. Make sure the canvas resizes based on the window size.
3. Ensure it can be played with both keyboard and on a touchscreen.
4. The game should have a voxel / 8-bit style.
5. the game needs to be esthetically pleasing and polished. Use svg icons if needed.

# **2D Tank Battle Game Specification**

## **1. Overview**
This is a **2D top-down tank battle game** built using JavaScript and the HTML5 Canvas API. Players control a tank on a **36x36 grid-based battlefield**, where they engage in combat against AI-controlled enemy tanks. The game focuses on strategy, movement, and shooting mechanics, with destructible and non-destructible terrain influencing gameplay.

## **2. Game Mechanics**

### **2.1 Player Movement & Controls**
- **Arrow Keys / Swipe Gestures** → Move the tank **(Up, Down, Left, Right)**.
- **Spacebar / Tap** → Fire a projectile (Cooldown: **2 seconds**).

### **2.2 Game Objective & Scoring**
- The player must destroy all enemy tanks to win.
- The score is based on:
- **Number of enemies defeated**.
- **Time taken to eliminate all enemies**.
- The highest score is stored **locally** on the device.

### **2.3 Lives & Difficulty Progression**
- The player starts with **3 lives**.
- Each level **increases enemy speed**, making movement and reaction times more challenging.

### **2.4 Enemy AI**
- Enemies patrol the map and attempt to shoot the player.
- Some enemies may have different behaviors (aggressive, defensive, or patrolling).
- AI reacts to player movement and obstacles dynamically.
- Enemies can **collect special projectiles** that cause larger explosions.

## **3. Battlefield & Terrain**

### **3.1 Grid-Based Map**
- The battlefield is a **36x36 square grid**.
- Each grid tile can contain different types of terrain.

### **3.2 Terrain Types**
| Terrain Type | Description | Can Shoot Through? | Can Pass Through? |
|-------------|------------|----------------|----------------|
| **Solid Wall** | Indestructible barrier | ❌ | ❌ |
| **Breakable Wall** | Can be destroyed by shots | ✅ | ❌ (until destroyed) |
| **Water** | Bullets pass through, but tanks cannot | ✅ | ❌ |
| **Mud** | Slows down movement speed | ✅ | ✅ |
| **Open Ground** | No obstacles, free movement | ✅ | ✅ |
## **4. Combat System**
- **Projectile-based shooting**: The player and enemies fire straight-line projectiles.
- **Collision detection**: Bullets collide with terrain and tanks.
- **Destructible objects**: Breakable walls are destroyed after multiple hits.
- **Limited fire rate**: Players and enemies have a **2-second cooldown** between shots.
- **Explosive projectiles**: Collecting special ammunition increases the **blast radius** of shots. Enemies can also pick these up.
## **5. Game Customization**
- Players can select the **number of enemy tanks** before the game starts.
- Different difficulty levels based on enemy count and AI behavior.
- Players can **choose their tank's color**.
- Enemy tanks have **different colors** to distinguish between AI behaviors.
## **6. Victory & Endgame**
- The game ends when **all enemy tanks are destroyed** or the player runs out of lives.
- The final score is displayed based on performance.
- High scores are stored locally.
This specification defines the core mechanics and interactions for the tank battle game, ensuring a strategic and engaging experience.
```

I've already vibe coded 2 apps to production with Claude Sonnet 4

here's my simple setup: 1. shut down your laptop and go touch some grass

most devs I meet don't know how to vibe code in Cursor

I find it crazy they'd rather waste hours instead of invest 20 minutes into their workflow.

here's my stupid simple system: I also cover some of this in a video:

kept failing at building anything complex with AI

until I tried this: if you like to watch a video instead, I got you
🙌

Let me tell you how I did it:

You're using GPT-4o image generation wrong.
I was too.

There's a better way to get consistent styles.

Here's how + prompts:

People have been using this technique to create awesome assets consistently (see below)

but also...

https://x.com/hewarsaber/status/1912933875166171515

I literally cracked the 𝕏 algorithm

🧵 13 ways to game the algo: First, let's kick it off with the general post styles that seem to work.

1. Mega thread → end with ":" or "🧵"
2. Hype short sentence + image(s)
3. Bullet list 🆕

Now let's dive into post content 👇

GPT-4o image generation for branding.

this saves days of work 🤯

7 examples + prompts:

when I started to build, I'd spend days if not an entire week trying to get some brand basics in place.

by the time I got to the product I didn't have any motivation left.

not anymore.

holy shit GPT-4o image gen is unreal. it can generate UIs too 🤯

designers are not safe.

11 examples:

1. Music Streaming App

Prompt:

The goal is to create a music streaming platform that rivals Spotify by offering a personalized, community-driven, and high-quality listening experience. This app will differentiate itself through enhanced social features, superior sound quality, and a focus on supporting independent artists while maintaining affordability and accessibility for users worldwide.

Key Goals and Objectives
Primary Goals:
Provide access to a vast library of music, podcasts, audiobooks, and exclusive content.
Deliver advanced personalization through AI-driven recommendations and mood-based playlists.
Support independent artists with tools for promotion, monetization, and direct fan engagement.

Secondary Goals:
Offer high-resolution audio streaming for audiophiles.
Integrate social features like collaborative playlists, live listening sessions, and artist-fan interactions.
Ensure offline playback and compatibility across devices.

Target Audience

Primary Users:
Millennials and Gen Z (ages 18–34) seeking personalized music experiences.
Audiophiles interested in high-quality sound streaming.
Independent artists looking for platforms to grow their audience.

Demographics:
Global reach with a focus on urban, tech-savvy individuals who value music discovery and community engagement.

Competitor Analysis

Spotify:
Strengths: Extensive library (100M+ songs), curated playlists like Discover Weekly, social sharing features.
Weaknesses: Lack of lossless audio; privacy concerns due to data collection.

Apple Music:
Strengths: Hi-res lossless audio and spatial sound; seamless integration with iOS devices.
Weaknesses: Limited social features; higher subscription costs.

Tidal:
Strengths: HiFi audio quality; artist-friendly payment model.
Weaknesses: Smaller user base compared to Spotify; fewer curated playlists.
SoundCloud:
Strengths: Focus on independent artists; user-uploaded content.
Weaknesses: Limited mainstream music catalog; less polished interface.

Design Requirements

Functional Needs:
Vast music library with curated playlists tailored to user preferences (e.g., mood-based or activity-based).
High-resolution audio streaming (lossless quality) for premium subscribers.
Social features like collaborative playlists, live listening parties, and artist Q&A sessions.
Tools for independent artists to upload tracks, track analytics, and monetize directly through fan subscriptions or donations.

Visual Design:
Clean interface with customizable themes (light/dark mode).
Dynamic album art visuals and interactive playlists for an engaging user experience.
Intuitive navigation for discovering new music, podcasts, or audiobooks.

quite the collection I have now 😃

my lazy SEO tips: 1/4

Create blog/docs with good SEO practices ✅
- json+ld
- unique metas, titles
- tags / proper internal linking
- SSR / good perf
- ToC
- publish weekly

Use AI for outlines, not for the content ✅

I used... Shipixen for the blog.
Wrote a bunch of helpful articles & docs — helps users, helps SEO 🤝

wrote a step by step guide on how to set up a Hetzner VM for self-hosting (from $4/mo 🔥) so you can skip the serverless tax

did I miss something? 🤔

I went for the most minimalistic setup while still having the basis so anyone could follow along. Also, I did this while on the bus sorry for the typos 🙈

Full nginx config

My first 40 DR domain 🥹
👇 Here's how I did it 1/3.

Launch on Product Hunt ✅
Post on Reddit ✅
Submit to free sites from ✅
Link from my other products ✅backl.io/directory/?ref…

Time to reflect.
This year 3 of my products won Product of the day on Product Hunt.

🥇
🥇
🥇

I wouldn't be able to do any of this without the maker/ #buildinpublic community.

Here's how you can do it too👇 shipixen.com
clobbr.app
mrrartpro.com
=========
Before we get into it, I just want to make something clear.
The builder community is not enough to get up there.

But it'll give you great momentum.
If the product is good and you have a fit, the community will help you spread the word.
=========

Let's get into it 🫳⤵️