App Canvas · 오픈 소스 · 에이전트를 위한 도구 · v0.12.0
전체 UI를 하나의 캔버스에. 실제 코드로.
코딩 에이전트와 구축하고 유지하는 확대 가능한 캔버스에서 실제 화면, 상태, 상호작용 흐름을 탐색하세요.
합성 데이터 · 앱 backend 없음 · 로그인 불필요 · API 키 불필요
App Canvas Cloud →TL;DR
- 구현된 전체 화면, 이름 있는 상태, 연결된 흐름을 함께 봅니다.
- UI 구현은 하나만 유지합니다. 에이전트가 fixtures, adapter, 커버리지 검증을 만듭니다.
- 합성 데이터 공개 데모에서 77개 상태와 44개 흐름을 체험하세요. 로그인과 API 키가 필요 없습니다.
보고, 사용하고, 재생하기
축소해서 앱 전체 이해하기
페이지별 전체 화면, 검색, 필터, 접을 수 있는 패널을 제공합니다. 흐름 링크를 누르면 카메라가 목적지로 이동합니다.
확대해서 실제 UI 사용하기
Browse는 이동 중 컨트롤을 잠급니다. 화면을 선택하고 Interact를 눌러 임시 합성 데이터로 원래 앱 코드를 사용하세요.
Demo로 흐름 설명하기
하나의 연속된 앱 세션에서 성공, 실패, 복구를 재생합니다. 동작 표시, 자막, 일시 정지, 속도, 단계 타임라인을 제공합니다.
기존 저장소를 상호작용 캔버스로
파일을 읽고 수정하고 명령을 실행할 수 있는 에이전트에 통합을 맡기세요. 기존 Storybook이나 수동 화면 목록은 필요 없습니다. 패키지 설치만으로 캔버스가 채워지지는 않습니다.
기존 저장소에 추가 →App Canvas Cloud · 대기 목록
호스팅 작업 공간이 필요하신가요? 관심을 등록하세요. Cloud는 아직 제공되지 않으며 MIT 도구와 공개 데모는 지금 사용할 수 있습니다.
대기 목록 탈퇴
개인정보 및 텔레메트리
선택적인 최소 사용 이벤트를 Cloudflare를 통해 PostHog로 전송합니다. 내용, 코드, 이름, 경로, 이메일 또는 IP는 PostHog로 전달하지 않습니다. 끌 수 있습니다.
이번 릴리스의 범위와 한계
- Web은 실제 HTML/CSS와 상호작용 시 원래 JavaScript를 사용합니다. UIKit, SwiftUI, Android는 원래 runtime의 harness와 증거가 필요합니다. 캡처 이미지는 조작 가능한 네이티브 앱이 아닙니다.
- 커버리지는 검토한 소스와 케이스의 대응이며 모든 업무 조건의 자동 발견이 아닙니다. UI 검증은 운영 backend나 의료 정확도, 모델 정밀도를 보장하지 않습니다.
- Viewer는 영어가 기본이며 11개 언어를 지원합니다. 공개 데모는 고정된 합성 프론트엔드이고 로컬 통합은 소스를 따릅니다. 실제 iPad 성능은 측정하지 않았습니다.
