Anthropic đã giới thiệu một skill /design mới cho Claude Code, mở rộng nền tảng AI tập trung vào nhà phát triển của họ sang quy trình làm việc thiết kế giao diện người dùng. Tính năng này hiện đang có sẵn dưới dạng bản xem trước nghiên cứu.
Giới thiệu Skill /design cho Claude Code
Tính năng này mang trải nghiệm dựa trên artboard của Claude Design đến cả giao diện dòng lệnh (CLI) và ứng dụng desktop của Claude Code. Khả năng mới cho phép các nhà phát triển tạo các artboard giao diện người dùng có thể chỉnh sửa trực tiếp từ một phiên Claude Code.
Thay vì di chuyển giữa công cụ thiết kế, các thông số kỹ thuật bằng văn bản và môi trường mã hóa, người dùng có thể yêu cầu Claude tạo các khái niệm giao diện, chọn một tùy chọn, tinh chỉnh bố cục và chỉ thị cho mô hình triển khai thiết kế đã được phê duyệt.
Anthropic cho biết quy trình làm việc này được xây dựng trên Artifacts, một định dạng của họ để tạo và chỉnh sửa các kết quả đầu ra tương tác. Các nhà phát triển có thể kích hoạt tính năng bằng cách nhập /design, sau đó Claude có thể tạo các bản nháp giao diện trực quan cho một ứng dụng hoặc yêu cầu tính năng.
Các artboard kết quả có thể chỉnh sửa được, cho phép người dùng điều chỉnh một giao diện được đề xuất trước khi chuyển đổi nó thành mã đang hoạt động. Điều này đánh dấu một bước tiến quan trọng trong việc tích hợp thiết kế và phát triển phần mềm. Skill /design là một bổ sung đáng chú ý cho các công cụ AI hỗ trợ phát triển.
Quy trình làm việc được cải thiện và Tác động
Quy trình làm việc này có thể giảm bớt rào cản trong giai đoạn đầu của phát triển sản phẩm, nơi các quyết định thiết kế thường phải trải qua nhiều công cụ và nhóm trước khi triển khai bắt đầu. Claude Code giờ đây có thể đóng vai trò cầu nối giữa các yêu cầu sản phẩm bằng ngôn ngữ tự nhiên, tạo mẫu hình ảnh và tạo mã.
Ví dụ, một nhà phát triển xây dựng một bảng điều khiển hoạt động bảo mật nội bộ có thể chỉ định các yêu cầu như hàng đợi cảnh báo, bộ lọc mức độ nghiêm trọng, dòng thời gian sự cố, bảng tìm kiếm IOC và ghi chú của nhà phân tích. Việc này giúp đơn giản hóa quá trình thu thập yêu cầu và chuyển đổi thành giao diện người dùng.
Skill /design có thể tạo ra nhiều bố cục bảng điều khiển dưới dạng các artboard có thể chỉnh sửa. Nhà phát triển có thể chọn một cấu trúc ưa thích, sửa đổi các phần như ưu tiên hóa cảnh báo hoặc độ tương phản chế độ tối, sau đó yêu cầu Claude triển khai giao diện đã chọn. Điều này mang lại sự linh hoạt cao cho nhà phát triển.
Thông báo này đáng chú ý vì nó đưa Claude Code vượt ra ngoài vai trò hiện tại là một trợ lý mã hóa AI. Các công cụ mã hóa agentic ngày càng có khả năng kiểm tra kho lưu trữ, sửa đổi tệp, thực thi lệnh và hỗ trợ gỡ lỗi phần mềm. Việc bổ sung lớp thiết kế trực quan cho phép một vòng lặp phát triển hoàn chỉnh hơn.
Cảnh báo Bảo mật và Các Bước Tiếp theo
Tuy nhiên, các nhà phát triển vẫn sẽ cần xem xét mã được tạo, xác thực khả năng truy cập và kiểm tra bảo mật ứng dụng trước khi triển khai. Từ góc độ an ninh mạng, các nhóm áp dụng phát triển UI được hỗ trợ bởi AI nên coi mã front-end được tạo ra là không đáng tin cậy cho đến khi nó được xem xét.
Các nhà phát triển nên kiểm tra luồng xác thực, xác thực đầu vào, phơi nhiễm dữ liệu phía máy khách, xử lý điểm cuối API, các thay đổi phụ thuộc và các phương pháp quản lý bí mật. Điều này rất quan trọng để ngăn chặn các lỗ hổng bảo mật tiềm ẩn.
Các mẫu thiết kế trực quan cũng có thể vô tình chuẩn hóa các mẫu không an toàn, chẳng hạn như hiển thị các định danh nhạy cảm, thông báo lỗi chi tiết hoặc dữ liệu hoạt động mà không có cơ chế kiểm soát truy cập phù hợp. Cần có sự chú ý đặc biệt đến các khía cạnh này.
Theo một bài đăng từ ClaudeDevs trên X, tính năng /design có sẵn cho những người đăng ký Claude Pro, Max, Team và Enterprise, những người có thể cần cập nhật Claude Code để truy cập nó. Tính năng này báo hiệu một sự dịch chuyển rộng lớn hơn hướng tới các môi trường phát triển AI kết hợp lập kế hoạch, thiết kế, mã hóa và lặp lại vào một quy trình làm việc duy nhất.
Đối với các nhóm kỹ thuật, giá trị sẽ phụ thuộc vào việc các artboard được tạo có dễ chỉnh sửa, phản ánh chính xác các yêu cầu và dịch thành mã sản xuất có thể bảo trì, an toàn hay không. Việc đánh giá cẩn thận các yếu tố này là cần thiết để đảm bảo lợi ích tối đa từ công cụ.
Các nhà phát triển cần lưu ý rằng bất kỳ mã hoặc thiết kế nào được tạo bởi AI, ngay cả khi hữu ích, vẫn cần sự giám sát và kiểm tra của con người để đảm bảo an toàn và tuân thủ các tiêu chuẩn bảo mật.
