Skip to main content
Connect a GitHub repository and your codebase becomes something you can design with. Wonder reads your real components, tokens, icons, and views and brings them onto the canvas. Prompting Wonder AI to bring reporting and register pages from a connected repository onto the canvas

​
Bring designs onto the canvas

  1. Open a Wonder file.
  2. Connect your GitHub repository.
  3. Ask Wonder AI to bring the screen or design you want onto the canvas.
The first prompt can take a little longer
When you first connect a repository, Wonder imports your variables, so it has the context to produce accurate results. Because of that, your first prompt after connecting can take slightly longer and consume more tokens.

Besides connecting a GitHub repository via the Wonder app, you can also use the Wonder MCP to connect to your codebase:

MCP

Connect your coding agent to read and write the canvas.