$0THE $0 ASSET MACHINE

Lesson 1 of 3 · Your first page

Open the code. Build your first page.

A web page is one text file. That's it. In the next 15 minutes you'll open one, understand every line that matters, edit it yourself, and know exactly which free AI tools can build the rest for you.

1 · What a web page actually is

No install. No build step. No server. Just a file.

The whole secret

A web page is a text file with HTML in it. Your browser reads the file and draws what it says — headlines, colors, buttons, forms. That's the entire machine. There's no compilation, no monthly tool, no programming language required to start. If you can write a sentence and save a file, you can build a web page today.

2 · Three ways to open the code

Pick whichever feels least scary. They all end up in the same place: a file called index.html.

Way 1 — Let OpenCode write it easiest

Install OpenCode (free, open source), open a folder, and tell it: "build a one-page website and save it as index.html." It writes the real file, in your folder, and shows you every line it changed. This is the way the rest of this training works. No install yet? Use Freebuff or any free chat LLM below, paste a build prompt from the Starter Asset Kit, and copy the result into a file named index.html.

Way 2 — A free editor

Install VS Code (free) or use any plain-text editor you already have (Notepad, TextEdit — set it to plain text). Create a file named index.html, paste the code in, and save. The editor shows you the raw code and colors it so it's readable.

Way 3 — Your browser

Double-click any .html file and it opens in your browser instantly — no server needed. Press Ctrl+U (Cmd+U on Mac) to "View source" on any page you visit, or F12 for DevTools to poke at the live code of this very page.

The naming rule that makes it a website

A folder with index.html inside is a website — the browser loads index.html automatically when it opens the folder. Every folder can have its own. (This lesson lives at /first-page/ — you're reading its index.html right now.)

3 · Read the page: the anatomy of your first file

Here is a complete, working web page. Every line is labeled. Save it as index.html and it runs — offline, forever, anywhere.

index.html — a complete page
<!DOCTYPE html>                    <!-- tells the browser: this is a web page -->
<html lang="en">
<head>
  <meta charset="UTF-8">           <!-- text encoding; always include -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <!-- mobile -->
  <title>My first page</title>     <!-- the browser tab name -->
  <style>                           <!-- how it looks lives here -->
    body { background:#0B1220; color:#F7F8FB; font-family:system-ui,sans-serif;
           max-width:760px; margin:60px auto; padding:0 20px; }
    h1    { color:#22C55E; }
    a     { color:#F6821F; }
  </style>
</head>
<body>
  <h1>Hello — this is my first page.</h1>   <!-- big headline -->
  <p>I built it for <b>$0</b>.</p>          <!-- paragraph -->
  <a href="https://example.com">Click me</a> <!-- a link -->
</body>
</html>

The pattern: head = what the page is called and how it looks · body = what people see · tags are words wrapped in <angle brackets> that end with a slash. That's 90% of HTML.

Make these 3 edits — right now

  1. Change the headline. Find the text between <h1> and </h1> and type your own words. Save. Refresh the browser. It changed.
  2. Change a color. Swap #22C55E for any hex color (ask your AI tool for "5 good hex colors"). Save. Refresh.
  3. Change a link. Put your own URL inside href="...". Save. Click it.
  4. Break it on purpose. Delete a closing tag, watch it glitch, then undo. You now understand how code fails — this is the whole skill.

4 · The free builders you can make assets with

Start with League 0 — the agent this training is built around. The rest are the free tiers that back it up. "Free" means each tool's published free tier — limits change, so check the tool's pricing page before you rely on it.

League 0 — OpenCode, the agent the training's engine

OpenCode is a free, open-source AI coding agent (200K+ GitHub stars, 950 contributors). It runs in your terminal or as a desktop app, reads your actual project, plans the work, edits real files, and shows you every change. Bring your own model from 75+ providers — including free and local models — or log in with a subscription you already have. The agent itself costs nothing.

Why it's the spine of this training: everything you build here — pages, the funnel, the deploy — happens through the same loop: you describe the outcome → OpenCode edits the files → you check the diff → you ship. Learn that loop once and it transfers to anything you build next. Free & open source — opencode.ai

League 1 — Free chat tiers backup · no install

Open a tab, paste a prompt, get a page. Best for generating assets, rewriting copy, and fixing errors you're stuck on.

League 2 — Open-source coding agents they edit files for you

These don't just chat — they open your project, write the files, run the commands, and fix their own errors. Free to use, source code public.

Honest rule: open agents are free to run, but most need a model brain behind them — use a free-tier API key (providers below) or a local model (League 3) to keep the whole thing at $0.

Free API keys — the brains for the agents above all $0 · no credit card

Every agent in League 2 speaks the same OpenAI-compatible API format: grab a free key + base URL, paste it into the agent's model settings, and it runs at $0. All five below are genuinely free tiers — rate-limited, not trial credits — and the limits move, so check each provider's page before you rely on it.

Start with OpenRouter if you want the most models behind one key, or Groq/Google AI Studio if you want the simplest single-model setup.

League 3 — Local models free forever · private

Open-weight models running on your own machine. No usage caps, no account, works offline. Needs a decent computer (a Mac with 16GB+ RAM or any gaming-class PC does fine).

League 4 — AI coding editors beyond Copilot

Full editors with AI built in — the place you'll actually write the code. (GitHub Copilot's free plan is already listed in League 2.)

League 5 — Free asset generators images · video

"Build assets" isn't only code — these add the pictures and video. Free tiers, no credit card.

5 · Which one should I use?

Match the tool to tonight's job instead of researching for a week.

  1. "I want a page live tonight, no setup" → Freebuff + a kit prompt. Copy the result into index.html.
  2. "I want an AI that opens and edits files for me" → OpenCode, no contest — free, open source, runs in your terminal or desktop. Bring a free model (OpenRouter, Groq or Google AI Studio) or a local one via Ollama.
  3. "I want AI inside a real editor" → Cursor or Windsurf on their free plans (League 4) — no card needed.
  4. "My asset needs pictures or video" → the free generators in League 5 (Firefly, Leonardo, Kling).
  5. "I want zero limits, total privacy, works offline" → Ollama + a local model.
  6. "I'm stuck on an error" → paste it into Claude or ChatGPT free tier. Error → paste → fix. That's the workflow forever.
  7. "I already know what I want written" → any League 1 tool. The prompt matters more than the model.

6 · Your build challenge

  1. Grab the Local business one-pager prompt from the Starter Asset Kit.
  2. Paste it into OpenCode (or any free LLM). Swap the [brackets] for a real business you know.
  3. Save the result as index.html and double-click it — it's live on your machine.
  4. Open the code and make the 3 edits above. You're no longer "using a tool" — you're editing code.
  5. Ready for the internet? → Lesson 2 turns it into a funnel.

Step 2 — turn the page into a funnel

A page is a page. Add one promise and one form and it becomes the first machine in your business.

Lesson 2 — build the funnel page → Back to the kit
 Lesson 1 of 3 ← Training home  ·  Lesson 2 →
The $0 Asset Machine™ — a Mikee AI training · mikee.pro · Questions? mikee@mikee.ai · Privacy
OpenCode, Freebuff, OpenHands, Ollama, Cloudflare and other tools named here are independent third-party tools; "free" refers to their published free tiers. This training teaches a system; it is not a promise of income.