Thiết kế với Claude Code

Claude Code là agent được tinh chỉnh kỹ nhất trong 1DesignTool — design kit được viết và mài giũa trên nó trước tiên, và mọi tính năng điều hướng (picks, comments, Tweaks, variants, Council) đều được thử nghiệm với nó trong các lượt chạy kiểm thử của chính app. Nếu bạn có gói subscription Claude, đây là engine mặc định.

Cài đặt

Cài Claude Code và đăng nhập bằng tài khoản Anthropic của bạn — đó là toàn bộ phần cài đặt ở phía agent. 1DesignTool phát hiện binary khi khởi chạy và liệt kê nó trong bộ chọn agent kèm phiên bản và trạng thái đăng nhập. Chọn Claude Code · Default ở chip agent trong composer, hoặc đặt nó làm mặc định trong Settings → Agents.

Model và effort

Chip agent trong composer hiển thị các model mà Claude Code cung cấp — Sonnet cho vòng lặp nhanh và rẻ; Opus khi thiết kế cần gu thật. Các mức effort đánh đổi tốc độ lấy độ kỹ: Fast cho variants và các hướng dùng một lần, Reviewed cho lượt bạn định giữ lại, Council để phát brief cho nhiều reviewer và nhận về một kết quả đã qua kiểm tra.

Claude Code được chọn trong composer — brief đi vào, lượt chạy bắt đầu.

Design kit trao cho nó những gì

Mọi thư mục dự án đều nhận một bản sao plaintext của design kit dưới .claude/skills/ — bộ luật mà Claude Code đọc ở mỗi turn: thang cỡ chữ và ngưỡng tương phản, kích thước vùng chạm, cấu trúc markup, quy ước output của mẫu, và các kiểm tra mà cổng sẽ chạy. Vì kit là các file plaintext trong thư mục, bạn có thể mở nó, đọc những gì agent được bảo, thậm chí commit nó cùng thiết kế — spec đi cùng với công việc.

Composer với Claude Code được chọn — chip agent, effort và các control chất lượng

Nó giỏi gì

  • Bố cục editorial và typography — landing page, tài liệu, brand board
  • Design system — token, component và các hệ thống đã lưu và giữ được sự nhất quán
  • Điều hướng dài — nó giữ hướng đi của dự án qua nhiều turn mà không trôi
  • Lượt chạy Council — chế độ chất lượng nhiều reviewer hợp với Opus

Mẹo: Ghép Claude Code với một design system đã lưu từ dự án thứ hai trở đi. Lượt chạy đầu tiên dạy kit gu của bạn; mọi brief sau đó thừa hưởng nó.

Nếu Claude Code không được phát hiện

Kiểm tra claude trên PATH trong terminal — 1DesignTool tìm CLI theo đúng cách đó. Một CLI đã cài nhưng đăng xuất sẽ hiển thị trạng thái đăng nhập trong bộ chọn; app đưa bạn tới luồng login của chính Claude Code. Chi tiết nằm ở Kết nối coding agent của bạn và Xử lý sự cố.

Liên quan