Wonder

Official status unknown26 tools reported1 source

Design on a canvas that Claude can read and write to. Generate UI from your code, sync designs and components, and ship faster. Wonder MCP connects Claude directly to your canvas, where it can inspect existing designs, components, variables, and documentation, create new screens and flows, and edit designs in place. Because Wonder is built on real HTML and CSS, Claude works with the actual design structure and styling instead of screenshots. Bring your product context onto the canvas, explore and refine UI, and move approved designs back into production without rebuilding them.

Connection details

Remote endpoint
Official status unknown
Transport not established · Authentication not established
```
https://mcp.wonder.so/mcp
```
Use the source documentation for installation instructions. No command has been inferred.
Connection source and version
Reported by Claude connector directory

26 tool names reported

Source-declared tools. Availability can depend on the connection and permissions; these are not runtime test results.

Claude connector directory ↗ · Observed 2026-11-01 · Completeness not established

close_file
create_artboard
delete_elements
duplicate_elements
execute_action
fetch_image_content
fetch_image_description
find_elements
finish_artboard
finish_session
get_additional_context
get_artboards
get_basic_info
get_design_context
get_design_guidelines
get_element_code
get_element_tree
get_skills
get_wonder_info
list_actions
list_files
open_file
prepare_image_upload
rename_elements
take_screenshot
update_elements

Sources and provenance

Claude connector directoryClaude tier: partner · Observed 2026-11-01

Grouping basis: endpoint. Exact endpoints or package sets can be grouped automatically; other relationships require evidence review. This does not verify publisher affiliation, connection health, or equivalent capabilities.

Connection details

Remote endpoint

26 tool names reported

Sources and provenance