Claude가 읽고 쓸 수 있는 캔버스에서 디자인하세요. 코드에서 UI를 생성하고, 디자인과 컴포넌트를 동기화하여 더 빠르게 배포하세요.
Wonder MCP는 Claude를 캔버스에 직접 연결합니다. Claude는 기존 디자인, 컴포넌트, 변수, 문서를 검토하고, 새로운 화면과 플로우를 생성하며, 디자인을 직접 편집할 수 있습니다. Wonder는 실제 HTML과 CSS를 기반으로 구축되어 있어, Claude가 스크린샷이 아닌 실제 디자인 구조와 스타일링을 그대로 활용합니다.
제품 컨텍스트를 캔버스에 가져와 UI를 탐색하고 다듬은 후, 승인된 디자인을 다시 빌드하지 않고 바로 프로덕션에 반영하세요.
도구
- 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
신뢰할 수 있는 개발자의 커넥터만 사용하세요. Anthropic은 개발자가 제공하는 도구를 통제하지 않으며, 도구가 의도대로 작동하거나 변경되지 않음을 보장할 수 없습니다.
관련 커넥터
파일 즉시 검색, 읽기 및 업로드
일정 관리 및 회의 조율을 손쉽게
SharePoint, OneDrive, Outlook, Teams에 Claude에서 직접 접근하세요
Canva 디자인 검색, 생성, 자동 완성, 내보내기
Notion 워크스페이스를 연결해 도구 전반에서 검색, 업데이트, 워크플로우를 구동하세요.
Slack에서 메시지 전송, 캔버스 생성 및 데이터 조회