日本語
Example

We asked AI to build Othello

Just say "build a browser-playable Othello game."
Here is the actual flow, from file creation and edit approvals to launching it in a browser.
Model used: Gemini 3.8 Flash. Total API cost for the whole session: about $0.2.

* Screenshots were taken with the Japanese UI (Teaspoon IDE's UI language is switchable in Settings). English-language screenshots are coming soon.

Download Teaspoon IDE Back to product page

What happened

  1. We asked for a browser-playable Othello game → the AI created index.html / script.js / style.css
  2. It also generated a readme.md describing the project on its own
  3. "Add a hint feature" → the AI proposed diff edits, which we reviewed and approved
  4. "Launch it in the browser" → the AI emitted start index.html, we approved, and it ran
  5. A working Othello game opened in the browser — done

1. Teaspoon IDE at work

Once instructed, the AI works autonomously across multiple steps — listing, creating, and editing files. The chat pane on the right shows the model used (gemini-3.8-flash) and each response's turnaround time (e.g. (3.6s)). The generated readme.md even includes the project overview and an explanation of the CPU algorithm.

Teaspoon IDE window: file explorer on the left, Monaco editor in the center, AI chat pane on the right showing a summary of the generated readme.md, including the hint feature details and CPU evaluation algorithm
Teaspoon IDE right after generation. Left to right: explorer, editor, AI chat.

2. Approving file edits

When we asked to add a hint feature, the AI proposed diff edits. Changes are never written directly — this approval dialog lets you review each diff and choose Apply or Reject. And even after applying, "↩ Rollback" can undo just the AI's changes.

The file-edit approval dialog showing a diff for script.js highlighted in green, with Reject All and Apply 1 Edit buttons
The "approve file edits" dialog — review the diff for each file.

3. Approving command execution

"Launch it in the browser" made the AI emit a start index.html command. Commands run with your user privileges, so an approval dialog always shows the exact command first. Approving it makes Teaspoon IDE open the browser.

The command approval dialog asking to run 'start index.html', with Reject All and Run 1 Command buttons
The "approve command" dialog shows the exact command to be run.

4. The finished Othello

A fully playable Othello game runs in the browser — three CPU difficulty levels (beginner: positional weights + randomness, intermediate: MiniMax, advanced: alpha-beta lookahead), the hint feature we added (it shows "recommended move: C2!" and highlights that square in orange), saved win-loss records per difficulty, and a restart button.

The finished Othello game in a browser with the hint feature active: a message recommends move C2 and that square is highlighted in orange on the board
The finished game. The hint highlights the suggested move (C2) in orange.

What this example shows

  • Safe by approval File writes, edits, and command execution all require approval — the AI never proceeds on its own.
  • Autonomous multi-step work From generation to docs, feature additions, and launching — each request runs through multiple self-directed steps.
  • Real cost: about $0.2 Gemini 3.8 Flash with BYOK (bring your own key) — no markup, pay only for what you use. With Ollama local LLMs it can even be completely free and offline.
  • Easy to undo Checkpoints and rollback let you safely revert only the files the AI touched.

* The screenshots use the "Organic Light" theme. See the other 13 themes in the theme gallery.

Try it yourself

Teaspoon IDE is free to download. All you need is a Gemini API key (free tier available) or a local LLM via Ollama.

Download Settings guide Product page