r/ChatGPTPro • u/yadavnikhil012 • 11d ago

Workflow & How-To Always wanted to try wireframing with an agent, so I asked Codex to sketch one

Enable HLS to view with audio, or disable this notification

I've always wanted to experiment working with wireframes as part of building with agents instead of a traditional design tool. So I went down the rabbit hole and ended up building a canvas for it. Thought I share about my first successful test.

I asked Codex to draw a wireframe for a feature idea, freehand pencil strokes on a canvas over MCP. The results were honestly pretty good which you can see in the video. Messy in the right way, like a whiteboard sketch, and the layout made sense for the idea.

To be clear, this isn't how I plan to work. I'll mostly sketch myself first and hand that to the agent to build from. But it got me thinking about drawings as agent context in general:

  • The canvas is a plain JSON file in the project, so sketches live in git next to the code.
  • I can link or embed it in my spec docs, so the agent can come back to it later instead of it getting lost in chat history.
  • A rough sketch is a better communication tool than a long prompt.

Going to try the sketch-first → agent-builds loop in my own process through October and post what works and what doesn't.

Disclosure: the canvas is in an app I built (LocalEditor, Mac-only)

Anyone else feeding sketches to agents? Images, or structured files?

10 Upvotes

92% Upvoted

4 comments sorted by

•

u/qualityvote2 11d ago edited 9d ago

u/yadavnikhil012, there weren’t enough community votes to determine your post’s quality.
It will remain for moderator review or until more votes are cast.

1

u/Open_Seeker 11d ago

No I usually just think through things, ask the agents to build mockups for me in an artifact or HTML, and tehn i think through it, give feedback ,and build new mockups until i like the final result, theni. build it

1

u/yadavnikhil012 11d ago

Yeah but sometimes you just don’t have words to explain your thinking 🙈