Mil-Ai-Assist cover art

Mil-Ai-Assist

Shipped

A mission planner that turns plain English into standard military map symbols.

Role
Solo. Design and full stack.
Timeline
2025
Stack
Next.js, React, TypeScript, Genkit, Gemini, Zod, Mapbox GL, milsymbol
Status
Shipped

01 / The problem

Placing units on a planning map by hand is slow. In Mil-Ai-Assist you type something like "friendly infantry company at these coordinates" and the symbol appears on the map in the MIL-STD-2525D standard.

02 / Decisions

  1. Structured AI output

    A Genkit flow sends the command to Gemini and a Zod schema checks the answer before anything touches the map.

  2. Works without AI too

    Without an API key it falls back to a simple parser, and you can always place, drag and edit symbols by hand.

03 / Results

  • Live demo online.

View live

More detail

The problem

Placing units on a planning map by hand is slow and easy to get wrong. I wanted to see if plain English could do the clicking.

What I built

  • Natural language commands. Type something like "friendly infantry company at these coordinates" and the symbol appears on the map.
  • Standard symbols. Everything follows MIL-STD-2525D, drawn with milsymbol.
  • Checked AI output. A Genkit flow sends the command to Gemini, and a Zod schema checks the answer before it reaches the map.
  • Manual tools too: place, drag and edit symbols, switch map styles and manage everything from a side panel.
  • Sign-in with roles for the planner.

Stack

Next.js, React and TypeScript, Genkit with Gemini, Zod, Mapbox GL, milsymbol, NextAuth, Tailwind CSS and shadcn/ui.

Outcome

The demo is live at milaiassist.mfaeezshabbir.me.