Mọi thiết kế trong 1DesignTool đều đi qua cùng một vòng lặp năm bước. Hiểu vòng lặp này một lần sẽ làm mọi trang tài liệu khác trở nên dễ đoán — điều hướng, biến thể, export và Build mode đều là cùng một lượt chạy, chỉ nhìn từ góc khác nhau.
1. Brief
Bạn viết điều mình muốn trong composer — ô nhập ở cuối mọi dự án, hoặc ô trên màn hình chính cho dự án mới. Brief được gửi tới agent của bạn kèm theo mẫu, các luật của design system, và mọi ghim, bình luận hay file bạn đính kèm. Chip agent trong composer cho biết CLI và model nào sẽ dùng cho lượt chạy.
2. Dựng
App khởi chạy agent của bạn như một subprocess headless bên trong thư mục dự
án và giao cho nó brief cùng design kit — bộ luật plaintext được sao chép
vào mọi dự án (.claude/skills/ và tương tự) cho agent biết "tốt" nghĩa là gì
ở đây: ngưỡng tương phản, thang cỡ chữ, kích thước vùng chạm, cấu trúc markup.
Agent viết file thật; preview theo dõi thư mục và vẽ lại khi từng file đổ vào.
3. Cổng kiểm duyệt
Khi turn kết thúc, cổng kiểm tra kết quả theo kit: độ tương phản chữ, cỡ font tối thiểu, vùng điều khiển, điều hướng hỏng ở độ rộng điện thoại và tablet. PASS nghĩa là kết quả thuộc về bạn; FAIL liệt kê chính xác luật nào bị phá và ở đâu, và bạn có thể gửi các phát hiện đó lại cho agent như một brief sửa một dòng. Xem Cổng design kit.
4. Điều hướng
Đây là lúc bạn tạo hình bản nháp thành thiết kế: ⌥-click một phần tử để ghim bình luận vào nó, mở Tweaks để dùng các điều khiển trực tiếp mà agent cung cấp, hoặc viết một brief tiếp theo cho thay đổi hướng lớn hơn. Mỗi lần điều hướng là một turn mới qua cùng vòng lặp — agent dựng lại, cổng kiểm tra lại.
5. Ship
Khi kết quả đã đúng, Share / export sẽ đóng gói nó — ZIP, HTML, PNG, PDF, MP4, theo bộ export của mẫu. Thư mục dự án nằm nguyên nơi bạn đặt, và mọi phiên bản đều có thể khôi phục từ lịch sử.
Mẹo: Vòng lặp này rẻ để lặp lại. Hãy chạy ba variants của cùng một brief, so sánh mù chúng, và promote bản thắng — điều đó tốt hơn một brief dài cố đoán câu trả lời.