Canvas: một khung xem trước trực tiếp cho mọi thứ một mô hình viết ra

Hầu hết công cụ chat đưa cho bạn một khối code rồi chúc may mắn. Bạn sao chép nó vào một trình soạn thảo, lưu một tệp, mở một trình duyệt, thấy nó hơi sai, quay lại chat, dán bản sửa, rồi lặp lại. Canvas xóa bỏ mọi bước trong vòng lặp đó trừ hai bước quan trọng: hỏi, và nhìn.

Canvas là gì

Khi câu trả lời của một mô hình chứa thứ gì đó render được, một khung xem trước mở ra bên cạnh cuộc trò chuyện và hiển thị nó trực tiếp. HTML render thành một trang. SVG render thành hình ảnh. Một khối Mermaid trở thành sơ đồ. Markdown trở thành văn bản đã định dạng. Bạn thấy kết quả, không phải mã nguồn, ngay khoảnh khắc mô hình viết xong.

Khung chat ở bên trái, vật phẩm đã render ở bên phải. Bạn cứ tiếp tục nói — “làm tiêu đề nhỏ lại,” “dùng nền tối hơn,” “thêm một nút cho đường thử lại” — và bản xem trước cập nhật khi mô hình sửa lại. Không sao chép, không dán, không ứng dụng thứ hai.

Nơi nó phát huy giá trị

Vài thứ nó biến từ một việc vặt thành một cuộc trò chuyện:

• Các phần landing và HTML email. Mô tả một phần hero, xem nó render, rồi tinh chỉnh khoảng cách và màu bằng lời nói thường cho tới khi trông ổn. Bạn đang lặp trên chính cái thứ đó, không phải trên mô tả về nó.
• Sơ đồ. Yêu cầu một lưu đồ cho một cái bắt tay xác thực hoặc một sơ đồ tuần tự của một yêu cầu. Mermaid render nó tức thì, và “hoán đổi hai bước này” là một câu thay vì vẽ lại bằng tay.
• Biểu đồ và SVG. Phác thảo dữ liệu nhanh, biểu tượng, minh họa đơn giản. Bạn thấy chúng ở kích thước đầy đủ và tinh chỉnh bằng cách nói.
• Văn bản dài. Markdown render với tiêu đề và cấu trúc thật, nên bạn đọc tài liệu theo cách một độc giả sẽ đọc, không phải nheo mắt nhìn những dấu sao thô.

Nó hoạt động với bộ chọn mô hình

Canvas không bị buộc vào một nhà cung cấp. Nháp một bố cục với một mô hình nhanh, rồi nhánh phần khó sang một mô hình mạnh hơn — bản xem trước theo nhánh thắng. Vì vật phẩm sống ngay cạnh luồng chat chứ không nằm trong sandbox của một mô hình, đổi mô hình không khiến bạn mất công việc đang làm dở. Bản render chỉ đơn giản chạy lại với câu trả lời mới.

Đó cũng là nguyên tắc cả studio được xây dựng trên: thứ hữu ích (ở đây, một vật phẩm trực tiếp) thuộc về cuộc trò chuyện của bạn, không thuộc về bộ tính năng có tường rào của một mô hình.

Lặp bằng lời, giao đi mã nguồn

Khi bản xem trước trông đúng, mã nguồn ở ngay đó để bạn mang theo — sao chép HTML, xuất SVG, lấy định nghĩa Mermaid. Canvas không phải một hộp đen mà chỉ nó đọc được; nó là một cách nhanh hơn để chạm tới mã nguồn bạn sở hữu hoàn toàn. Bạn đã lặp bằng lời nói thường và nhận được đầu ra sẵn sàng cho production ở cuối.

Một tính năng nhỏ với tác động vượt cỡ

Canvas không thêm một khả năng mà các mô hình chưa có — chúng luôn có thể viết HTML. Cái nó xóa bỏ là khoảng cách giữa đã viết và đã thấy. Đóng khoảng cách đó thay đổi cách bạn làm việc: bạn ngừng coi đầu ra của mô hình như một bản nháp để đánh giá sau và bắt đầu coi nó như một thứ bạn đang nhào nặn ngay lúc này, theo thời gian thực, trong cùng một cửa sổ. Hóa ra đó là phần lớn cái khiến một công cụ cảm thấy nhanh.