The Problem with 9x9 Grids
You know the Mandalart? It's the famous 9x9 grid method used by Ohtani Shohei.
It's amazing for visualization. You write your core goal in the center, and 64 sub-actions around it.
But there's a problem. It stays on the paper.
I realized that while Mandalart is great for planning, it sucks for execution.
You can't carry a huge A3 paper everywhere. And looking at 81 boxes every morning is overwhelming.
The Solution: "MandaAct"
So I decided to build an app that bridges the gap between Mandalart (Planning) and GTD (Execution).
Key Algo
- Digitization (The Pain Point): Typing 81 boxes is painful. So I built an OCR scanner.
- You take a photo of your handwritten grid.
- The app detects the 3x3 structure using Open CV / AI.
- It converts it into digital blocks instantly.
- The "Focus" Filter:
- Instead of showing 81 things, the app asks: "What is the ONE thing you can do today?"
- It filters the grid and presents a simple To-Do list.
Tech Stack
- Frontend: React Native (Expo)
- Backend: Supabase
- AI: Google Vision API (for OCR)
Bonus: How I built this (Vibe Coding)
Wait, did I mention I'm not a developer?
Actually, 90% of this app was built using Claude Code.
For the finishing touches (optimization, automation, and even this blog post!), I used Gemini CLI, Codex, and Antigravity.
- Workflow: I didn't write code line-by-line. Instead, I focused on "Orchestration" — defining the specs, reviewing the logic, and guiding the AI agents.
- Result: A fully functional React Native app with AI OCR, Gamification, and IAP, built in a fraction of the time.
If you are interested in this "Vibe Coding" workflow, let me know in the comments!
Try it out
I just launched it on the App Store. I'd love to get feedback from fellow devs on the UX.
Is the OCR fast enough? Is the "Daily View" intuitive?
Top comments (0)