Trickle

Magic Canvas는 프로젝트 전체가 놓이는 작업 공간이다. 페이지가 무한 보드에 나란히 놓이고 모든 버전이 저장되며, 에이전트는 레이아웃과 옆에 붙인 메모, 업로드한 에셋을 함께 본다. 이 맥락이 단순한 채팅 창과의 차이다. 섹션 위치를 말로 설명하는 대신 가리키면, 에이전트는 화면에 실제로 있는 것을 기준으로 움직인다.

프롬프트 한 번으로 문구, 이미지, 반응형 레이아웃을 갖춘 페이지를 통째로 만들 수 있다. 디자인이 이미 있다면 Figma, Excalidraw, 또는 공개된 사이트의 스크린샷을 붙여 넣는다. AI 웹사이트 빌더가 구조를 편집 가능한 페이지로 바꾼다. 같은 요청에서 이미지 일괄 생성도 돌아가므로 히어로 이미지와 제품 사진이 레이아웃과 함께 도착한다.

Direct Edit은 캔버스에서 요소를 클릭해 텍스트, 여백, 정렬, 글자 크기, 색상을 바꾼다. Move Element는 드래그 앤 드롭으로 레이아웃을 옮긴다. 두 동작 모두 크레딧을 쓰지 않고, 뒤에서는 정리된 코드가 작성된다. 시각적 디테일에 신경 쓰지만 CSS는 만지고 싶지 않은 사람에게 이 도구가 쓸 만한 이유가 여기에 있다.

폼을 만들 때마다 데이터베이스에 대응하는 열이 생긴다. 타입은 입력을 따른다. 이메일 필드는 이메일 형식만 받고, 드롭다운은 정해진 선택지만 저장한다. 제출 데이터는 실시간으로 쌓이고, 테이블을 걸러 내보낼 수 있다. 노코드 개발에서 흔히 Airtable이나 Supabase를 찾아 헤매게 만드는 단계를 없애는 셈이다. 규모가 큰 프로젝트는 인증과 저장을 위해 Supabase를 연결해도 된다.

배포는 클릭 한 번이다. 무료 프로젝트는 trickle.host 서브도메인에서 돌아가고 Built with Trickle 배지가 붙는다. Pro는 서브도메인 3개, 자체 도메인 1개, 배지 제거를 더한다. Premium은 서브도메인 10개와 자체 도메인 3개로 늘어난다. 내장 분석 패널은 페이지뷰, 순 방문자, 트래픽 추이, 방문자의 대략적인 위치를 추적한다. 배포가 실제로 사람을 불러왔는지 확인할 수 있다.

Trickle은 프로젝트를 한 모델에 묶지 않는다. 에이전트는 Claude Sonnet 4, Gemini 2.5 Pro, GPT-5, Grok 4, Kimi K2 Turbo 위에서 돌아가고, 속도나 출력 스타일에 따라 고르면 된다. Image Mode는 Gemini 2.5 Flash Image로 생성과 편집을 더하고, 인터랙티브 페이지용 짧은 영상도 다룬다. 만든 결과물은 공용 라이브러리에 쌓여 어느 프로젝트에나 넣을 수 있다. 내보낸 코드 파일을 내려받을 수도 있다. 다만 데이터베이스 기록과 AI 기능은 함께 따라오지 않는다.