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.

Verwandte Konnektoren

Google Drive

Dateien sofort suchen, lesen und hochladen

Google Drive in Claude hinzufügen (öffnet neuen Tab)

Google Calendar

Deinen Kalender verwalten und Meetings mühelos koordinieren

Google Calendar in Claude hinzufügen (öffnet neuen Tab)

Microsoft 365

Greife direkt in Claude auf SharePoint, OneDrive, Outlook und Teams zu

Microsoft 365 in Claude hinzufügen (öffnet neuen Tab)

Canva

Canva-Designs suchen, erstellen, befüllen und exportieren

Canva in Claude hinzufügen (öffnet neuen Tab)

Notion

Verbinde deinen Notion-Workspace, um Workflows zu suchen, zu aktualisieren und toolübergreifend zu steuern.

Notion in Claude hinzufügen (öffnet neuen Tab)

Slack

Nachrichten senden, Canvases erstellen und Slack-Daten abrufen

Slack in Claude hinzufügen (öffnet neuen Tab)