Wonder
Designs erstellen und bearbeiten mit Claude – auf einer Arbeitsfläche, auf der jedes Design echter Code ist.
Zu Claude hinzufügen (opens in new tab)Arbeite auf einer Arbeitsfläche, die Claude lesen und beschreiben kann. Generiere UI aus deinem Code, synchronisiere Designs und Komponenten und bringe Projekte schneller in die Produktion.
Wonder MCP verbindet Claude direkt mit deiner Arbeitsfläche: Es kann bestehende Designs, Komponenten, Variablen und Dokumentation analysieren, neue Screens und Flows erstellen sowie Designs direkt bearbeiten. Da Wonder auf echtem HTML und CSS basiert, arbeitet Claude mit der tatsächlichen Design-Struktur und dem Styling – nicht mit Screenshots.
Bring deinen Produktkontext auf die Arbeitsfläche, erkunde und verfeinere deine UI, und überführe fertige Designs direkt in die Produktion – ganz ohne sie neu aufzubauen.
Tools
- 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
Verwende nur Konnektoren von Entwicklern, denen du vertraust. Anthropic hat keine Kontrolle darüber, welche Tools Entwickler bereitstellen, und kann nicht garantieren, dass sie wie vorgesehen funktionieren oder unverändert bleiben.
