Wonder
WonderCreativity
Wonder connects ChatGPT and Codex to a canvas where every design is real code. Your agent can inspect existing designs, components, variables, and documentation, create new screens and flows, and edit designs in place. It works with the actual HTML and CSS structure instead of screenshots, so you can design from your codebase and move approved designs back into production without rebuilding them. Wonder requires a Wonder account. It works on any Wonder file you can reach, and the Wonder app does not need to be open.
Where it stands
Skills
wonder-design
Starter prompts
- Use the Tailwind tokens from my repo and design a pricing page in Wonder
- Implement my Wonder design in this codebase, using my code conventions
- Match this Wonder artboard's style to the components in src/components/