Skip to main content

Wonder

A design canvas where every design is real HTML and CSS.

Install You sign in on Wonder's own page. No key to copy.

What GBrain can do with Wonder

Wonder is a design canvas built on real HTML and CSS. Connected to a workspace, GBrain can act on “make a settings screen that matches our components” and read back the code behind any element, without working from screenshots.

  • Inspect designs, components and variables
  • Create screens and flows
  • Edit designs in place
  • Read an element's code

From the command line

GBrain gives Wonder a command line too. From a terminal, a script or Claude Code, gbrainio tool help wonder lists its commands once it is connected.

Wonder from the command line

Install Wonder in a workspace

You sign in on Wonder's own page. No key to copy. Then add it to a workspace, and anyone on the team can ask about it in plain words.