DEV Community

Miki
Miki

Posted on

How I directed 3 AI Agents to build a Kakeibo App (No-Code Journey)

Hello World!

My name is Miki, and I’m a developer from Japan. I’m currently learning English, so please forgive any mistakes.

I don’t write code manually, and I don’t have deep knowledge of Python or JavaScript. Still, today I want to share how I built a fully functional Kakeibo (budgeting) app by acting as a “manager” for three different AI agents.


The AI Stack I Used

Instead of writing code line by line, I managed a workflow using multiple AI tools:

  • Kiro — Requirements and design (Product Manager)
  • Codex — Code generation (Junior Engineer)
  • Google Antigravity — Bug fixing and backend integration (Senior Engineer)

I didn’t code. I coordinated.


Step 1: The Plan (Kiro)

I didn’t start by guessing. I used Kiro as my Product Manager.

Kakeibo is a Japanese method of mindful spending, so the challenge was translating that cultural idea into technical requirements.

I told Kiro:

“I want a Kakeibo app that tracks needs vs. wants.”

Kiro created clear user stories and a detailed task list for the app.

Kiro AI acting as Product Manager planning Kakeibo app requirements


Step 2: The Build (Codex)

Next, I took the task list from Kiro and gave it to Codex.

Codex generated the code automatically. Based on the project structure, it used React, Next.js, and TypeScript.

I didn’t modify the code myself. My role was simply to:

  • Copy tasks from Kiro
  • Paste them into Codex
  • Organize the generated files

I acted as the bridge between planning and implementation.


Step 3: The Hard Part (Google Antigravity)

Connecting the backend was the hardest part for me.

I wanted to use Firebase with Google Authentication, but I kept running into configuration errors and SDK issues.

This is where Google Antigravity helped.

Because it has agentic capabilities, it didn’t just give advice. It:

  • Planned the backend implementation
  • Explained how the SDKs work together
  • Fixed configuration and authentication errors step by step

Google Antigravity AI Agent planning Firebase authentication


The Result

After letting the agents do their work, I ended up with a working application.

Features:

  • Google login
  • Budget tracking based on the Kakeibo method
  • A simple and clear dashboard

Kakeibo App Dashboard built by AI

Kakeibo App Dashboard built by AI

Kakeibo App Dashboard built by AI

Kakeibo App Dashboard built by AI


Conclusion

I believe the future of coding is not writing syntax, but orchestrating intelligent agents.

I’m still learning English, and I’m still exploring how to build products with AI.

If you have any advice about my workflow—or my English—I’d love to hear it.

Thanks for reading!

Top comments (0)