Recto

Recto - The visual canvas for AI agents

Recto는 Claude Code, Codex, Cursor 등의 코딩 에이전트와 연동되어 UI, 모션, 3D 디자인을 직접 빌드할 수 있는 시각적 캔버스 데스크톱 디자인 툴입니다.

Recto 상세 소개

[Recto] 개요
- Recto는 윈도우, 맥, 리눅스를 지원하는 네이티브 AI 디자인 툴로, 코딩 에이전트와 개발자가 실시간으로 시각적 캔버스 위에서 UI와 HTML/CSS 기반의 결과물을 함께 만들어갈 수 있도록 돕습니다.

[코딩 에이전트 통합] — 주요 코딩 에이전트와의 매끄러운 연동
- Claude Code, Codex, Cursor, OpenCode 등 사용자의 컴퓨터에 설치된 코딩 에이전트를 자동으로 감지합니다.
- 별도의 MCP 설정이나 API 구성 없이 터미널을 대체하는 시각적 작업 공간에서 에이전트의 CLI를 직접 활용할 수 있습니다.

[실시간 비주얼 캔버스] — 프롬프트와 픽셀의 결합
- 에이전트가 코딩하는 과정을 실시간으로 시각화하여 확인하고, 캔버스 위에서 직접 드래그, 수정, 스타일링할 수 있습니다.
- 댓글 기능을 통해 디자인의 특정 세부 요소에 대한 피드백을 에이전트에 바로 전달하여 수정 작업을 반복할 수 있습니다.

[다양한 디자인 영역] — UI, 3D, 모션, SVG 지원
- 웹사이트, 대시보드 등의 UI 디자인부터 인터랙션 및 애니메이션을 위한 모션 타임라인, 3D 요소, 확장 가능한 SVG 그래픽을 통합적으로 다룰 수 있습니다.
- 디자인 시스템의 CSS 변수를 에이전트가 사전 인식하여 일관성 있는 디자인 관리가 가능합니다.

[출시 일정 및 가격] — 로컬 실행 지원 무료 소프트웨어
- Recto는 현재 무료로 제공되며, Mac(Apple Silicon/Intel), Windows 64비트, Linux 운영체제를 지원하는 데스크톱 애플리케이션으로 다운로드할 수 있습니다.

핵심 기능

  • Claude Code, Codex, Cursor 등 코딩 에이전트 자동 감지 및 연동
  • 실시간 HTML 및 CSS 캔버스 편집 지원
  • UI, 모션, 3D 및 SVG 통합 디자인 공간
  • MCP 설정이나 API 구성이 필요 없는 로컬 실행 환경
  • 디자인 요소에 직접 피드백을 남기는 코멘트 및 핸드오프 기능

기본 정보

Recto와 비슷한 AI 서비스

  • 속담1997 타자연습 - 김타자 — 추억의 도스용 폰트와 감성을 살려 웹에서 무료로 즐길 수 있는 레트로 한글 및 영어 타자 연습 서비스입니다.
  • 링크네 — 포털, 정부, 쇼핑, 영상, 생활 등 자주 찾는 인터넷 주소를 카테고리별로 편리하게 모아 제공하는 주소 및 링크모음 서비스입니다.
  • Piko — 네이버 플레이스 URL을 입력하면 AI가 리뷰와 매장 정보를 분석하여 소상공인을 위한 브랜드 홈페이지를 즉시 자동으로 생성해 주는 서비스입니다.
  • MicroRegalo — 설치나 복잡한 준비 없이 웹 브라우저에서 바로 사용할 수 있는 키보드 연습, 자장가, 전국 문화행사 나들이 정보 등의 유용한 유틸리티 웹앱 모음입니다.

공식 사이트 방문하기