CodexPluginStats
← Plugin catalog
Creativity

Wonder

Wonder v0.2.2

Design on a real-code canvas

Create a free account to save this plugin.

Competitor profile

Developer declarations; not independently tested. Listing last checked Nov 4, 2026. Package observed Nov 3, 2026.

Declared capabilities

  • Interactive
  • Read
  • Write

Cost & access

Wonder does not sell products or process payments in ChatGPT or Codex.

Declared limitations

  • Deleting files is out of scope. Wonder exposes no tool that moves files to the trash, so the agent should say it cannot delete files and must not delete artboards instead.
  • Changing who can see a file is out of scope. Wonder does not let the agent change file visibility, so the agent should explain that and point the user to the share settings in Wonder.
  • Other design tools are out of scope. Wonder cannot read or edit Figma files, so the agent should say so and not call any Wonder tool that changes the canvas.

Onboarding example

Use the Tailwind tokens from my repo and design a pricing page in Wonder

View package source →

Description

From the marketplace listing

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.

Language: English · Automatically detected from descriptions.

ChatGPT marketplace listing ↗Website ↗Privacy policy ↗Terms ↗Support ↗Repository ↗

Screenshots

From the developer.

Wonder — screenshot 1 Wonder — screenshot 2 Wonder — screenshot 3
Show all 4 screenshots
Wonder — screenshot 4

Matches for “write code”

Exact text from the indicated source. A mention alone does not establish support for your task.

Publisher subtitle

Design on a real-code canvas

Publisher capabilities · listing

Interactive Read Write

Publisher keywords · listing

wonder design ui canvas design-to-code code-to-design design-system mcp

Publisher description

Create and edit designs with Codex on a canvas where every design is real code.

Publisher full description

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.

Changes

No changes recorded yet. Follow this plugin to keep track of future changes.

First seen Oct 26, 2026. Last seen Nov 4, 2026.

Keywords

Files & skills

File archives

Plugin package11 files · 711 KBBrowse files →
Skill instructions
wonder-design2.04 KB

View saved version →

---
name: wonder-design
description: Create, inspect, or edit Wonder canvas designs through Wonder MCP. Use when a request names Wonder or links a Wonder canvas and asks to work with designs, artboards, elements, components, tokens, or design-to-code and code-to-design workflows.
---

# Wonder design

Use Wonder MCP for canvas reads, edits, and screenshots. Use computer use to interact with Wonder only when the user explicitly requests desktop or browser automation. Naming Wonder or mentioning the plugin does not by itself request computer use.

## Connect to Wonder

1. Discover the Wonder MCP tools available in the session. If tools are deferred, use the host's tool discovery before concluding that Wonder is unavailable.
2. If the tools are missing, stop canvas work and explain that the Wonder plugin must be installed and enabled, or its MCP server connected. In Codex, select the installed Wonder plugin; the “Wonder · Computer use” entry starts desktop automation. After installing the plugin, start a new chat.
3. If authentication is required, complete the host's Wonder sign-in flow and retry the MCP request. If it fails, report the actual error and the next connection step. Do not silently switch to computer use.

## Work on the canvas

- Before design work, call Wonder's `get_skills` tool to load the matching workflow from its current catalog. Follow that workflow for design procedures and tool selection.
- Wonder does not need to be open. When the file the user means isn't open in Wonder, find it with `list_files` and `open_file`, which returns its page without opening anything on the user's screen. Don't ask the user to open Wonder first.
- Inspect the target canvas through MCP before editing. Keep changes within the user's requested scope.
- Use Wonder MCP for canvas operations, including visual checks through its screenshot tools. Continue using local repository tools for codebase reads and implementation.
- If a required operation is unavailable through MCP, explain the limitation. Use computer use only after an explicit user request for it.

Referenced files: 1 — file references are metadata, not package contents.

Release notes

First directory release. Read, create, and edit Wonder canvas designs from ChatGPT and Codex through the Wonder MCP server, with or without the Wonder app open.

Declared in the saved package. Remote tools may change independently.

Package details

Publisher declarations from the archived package. These are separate from our research and the live service's terms.

Package license
MIT
Package author
Wonder
Keywords
See keywords
Commerce declaration
Does not support commerceThis does not establish whether access is free or paid.
Review scenarios
5 positive · 3 negativeScenario counts, not test results.

Declared capabilities

  • Interactive
  • Read
  • Write

Package observed Nov 3, 2026.

.codex-plugin/plugin.json
Technical details
First seen
Oct 26, 2026 · 18:00 UTC
Last seen
Nov 4, 2026 · 00:00 UTC
Collection status
Collected

plugin_asdk_app_6ac54f9b26888191ad969856167e6262

Download plugin data (JSON)