Inspiration
In product management, especially during early product builds, ideas move faster than documentation. Teams sketch, iterate, and discuss, but those diagrams rarely evolve into detailed, build-ready plans.
Ideate was inspired by the need for a smarter whiteboarding assistant that can refine ideas, improve flow, and produce detailed technical roadmaps ready for execution. Ensuring that the teams focus remains on building the best product possible.
What it does
Ideate is a comprehensive product management and whiteboarding platform that transforms your ideas into refined, actionable plans. It leverages the power of agentic AI to analyze sketches, suggest improvements, and generate enhanced flowcharts and implementation insights.
How we built it
Ideate was built with a modern Next.js + Supabase stack and powered by NVIDIA’s Nemotron through the NIM API. The frontend, designed in v0 with Tailwind CSS, Radix UI, and shadcn/ui, provides an interactive whiteboard where users can draw, write, and organize ideas in real time.
We utilized a HTML5 canvas engine using perfect-freehand for smooth, natural drawing and integrated Mermaid.js to render the agentic AI-generated flowcharts. The backend connects to Nemotron’s text and vision models, which analyze sketches and text to produce structured insights, improved diagrams, and detailed product roadmaps.
All data is stored securely in Supabase (PostgreSQL) with authentication and persistence for saved canvases. The result is a seamless pipeline where users can sketch concepts, invoke Nemotron, and instantly receive polished, build-ready product documentation.
Challenges we ran into
One of our biggest challenges was learning how to integrate NVIDIA’s Nemotron API into our system effectively. Since this was our first experience working with an agentic AI model, we had to carefully design how Ideate would send payloads and interpret Nemotron’s responses.
We spent significant time fine-tuning how the API handled input and output in order to ensure that the model could correctly parse diagrams, call the right tools, and return results in a consistent, usable format.
Getting Nemotron to communicate seamlessly with our backend and front-end whiteboard interface was a major technical hurdle, but it ultimately taught us a lot about orchestrating multi-step AI workflows.
Accomplishments that we're proud of
1) Successfully integrated NVIDIA’s Nemotron through the NIM API, enabling real multi-step, agentic AI workflows for the first time in a project.
2) Built a seamless pipeline that transforms whiteboard sketches into structured technical documentation, specifically including flowcharts, improvement insights, and implementation roadmaps.
3) Bridged creativity and engineering by helping users go from idea → organized, buildable blueprint in minutes.
What we learned
We learned how to implement multi-step, agentic workflows using NVIDIA Nemotron, including structured function-calling and payload handling. This was our first experience orchestrating reasoning and tool use inside an LLM, and it gave us a much clearer sense of how agentic systems can power real project-management applications.
What's next for Ideate
In the future, Ideate could evolve into a full product design companion that supports entire teams through every stage of the build process.
We thought about adding real-time collaboration, allowing multiple users to brainstorm and refine designs together. The Nemotron agent could also expand to include domain-specific reasoning, providing tailored guidance for web, mobile, and AI projects.
Another exciting direction would be integrating Ideate with product management tools like Jira, Notion, or Trello in order to atomatically convert flowcharts and AI insights into structured tasks or documentation.
Built With
- css
- javascript
- mermaid.js
- next.js
- radix
- react
- sql
- typescript

Log in or sign up for Devpost to join the conversation.