create_design으로 생성
에이전트가 페이지나 슬라이드 덱을 평범한 HTML로 씁니다. 프레임워크도 빌드 스텝도 없는 한 장의 문서입니다. 그것이 곧 디자인의 단일 진실(source of truth)입니다.
Consilience디자인 캔버스
HTML이 곧 진실인 디자인 캔버스.
create_design / render_design으로 에이전트가 시각 자료를 만들고 샌드박스 iframe에서 그대로 렌더합니다. 소스는 항상 평범한 HTML입니다. 어디서든 열리고, 캔버스에서 요소를 골라 바로 편집합니다.
생성하고, 렌더하고, 손보고
에이전트가 HTML을 쓰면 캔버스가 그대로 그려내고, 당신은 요소를 골라 다듬습니다.
render_design으로 렌더
스크립트 없는 안전한 샌드박스 iframe이 그 HTML을 그대로 그려냅니다. search_icons와 generate_image로 아이콘과 이미지를 채웁니다.
요소를 골라 편집
캔버스에서 텍스트는 인라인으로 직접 고칩니다. 어떤 요소든 클릭해 AI에게 “이 부분 이렇게 바꿔줘” 하고 맡기세요. 변경은 그대로 HTML로 되돌아갑니다.
캔버스가 하는 일
create_design · render_design
에이전트가 디자인을 생성하고, 같은 캔버스가 그 HTML을 그대로 렌더합니다. 미리보기와 결과물 사이에 간극이 없습니다.
search_icons · generate_image
아이콘을 검색해 붙이고, 필요한 이미지는 그 자리에서 생성합니다. 디자인을 떠나지 않고 시각 자산을 채웁니다.
페이지 & 덱, 라이브 미리보기
랜딩 페이지부터 슬라이드 덱까지 만듭니다. 편집하는 즉시 캔버스에 라이브로 다시 그려져 변화를 바로 확인합니다.
요소 선택 → AI에 추가 편집 요청
고치고 싶은 요소를 캔버스에서 직접 집어 AI에게 맡깁니다. 통째로 다시 생성하지 않고 그 부분만 다듬습니다.
스크립트 없는 안전한 샌드박스 렌더
no-script 불변식을 지킵니다. iframe은 스크립트를 실행하지 않으므로 에이전트가 만든 HTML이 무엇을 하든 안전하게 그려집니다.
HTML 소스가 진실(dual-write), 어디서나 열림
디자인은 평범한 HTML 파일로 디스크에 남습니다(dual-write). 브라우저든 다른 도구든 어디서나 열리고, 캔버스를 떠나도 당신의 것입니다.
HTML 한 장에서 시작하는 디자인
로컬-퍼스트, BYOK. 에이전트가 만든 디자인은 평범한 HTML로 디스크에 남습니다. 어디서든 열리고, 끝까지 당신의 것입니다.