Why?
Because I watched Lu talking about autocomplete for infinite canvas and that was super cool.
Flow
The idea here is to provide a canvas to the users where they can collborate with an AI agent to create UX flows for their website.
You start by making Object mapping for your website and hit the magic create button.
The app will take the object mapping and any additional instruction if you provide and then it'll generate wireframes for you using html, css and javascript.
Now you can can make selections directly on the canvas and continue iterating on the UX flows and ask AI to update specific parts of the UX flow.
And continue iterating and collborate with the AI agent to get the best UX flow for your website.
THE HOW?
Simple!
Here's everything I used to build this:
- react-flow to create the canvas and node based ui.
- gemini flash 2.0 for the AI agent.
- nextjs for the framework.
- tailwindcss for the styling.