Angular ra mắt Agent Skills chính thức giúp AI viết code hiện đại và chuẩn xác hơn

Angular ra mắt Agent Skills chính thức giúp AI viết code hiện đại và chuẩn xác hơn

Đội ngũ Angular của Google đã phát hành một kho lưu trữ mới mang tên angular/skills, tập trung vào các "Agent Skills" (Kỹ năng Tác nhân) nhằm nâng cao khả năng viết mã Angular hiện đại cho các công cụ lập trình có sự hỗ trợ của AI. Kho lưu trữ này bao gồm các kỹ năng để tạo mã và dựng khung ứng dụng (scaffolding), củng cố các quy ước hiện hành của Angular. Nó đóng vai trò như một bản chụp nhanh, nhằm cải thiện các gợi ý của AI bằng cách cung cấp ngữ cảnh cập nhật nhất.

Agent Skills là gì?

Agent Skills là các tệp hướng dẫn có cấu trúc và dành riêng cho từng lĩnh vực, một định dạng mở được giới thiệu bởi Anthropic. Các tệp này được tải theo yêu cầu để cung cấp chuyên môn cho một tác nhân thực hiện một nhiệm vụ cụ thể. Bộ sưu tập của Angular hiện bao gồm hai kỹ năng chính.

Kỹ năng angular-developer giúp tạo mã và cung cấp hướng dẫn về kiến trúc trên các khía cạnh như tính phản ứng (signals, linkedSignal, resource), biểu mẫu, tiêm phụ thuộc (dependency injection), định tuyến, kết xuất phía máy chủ (SSR), khả năng truy cập, hoạt ảnh, kiểu dáng và kiểm thử. Trong khi đó, kỹ năng angular-new-app giúp dựng khung một ứng dụng mới sử dụng Angular CLI.

Thúc đẩy các quy ước hiện đại của Angular v20

Trong thực tế, kỹ năng angular-developer thực thi các quy ước của phiên bản v20, ưu tiên sử dụng @if thay vì *ngIf và loại bỏ cờ standalone: true hiện đã thừa thãi. Các kỹ năng này được thiết kế cho các công cụ dựa trên tác nhân như Gemini CLI và Antigravity. Tài liệu chính thức lưu ý rằng chúng giúp giữ cho tác nhân đồng bộ với các quy ước như Signals và các thành phần độc lập (standalone components).

Kho lưu trữ này là một bản chụp nhanh được công bố chứ không phải là nguồn gốc của sự thật, vì các đóng góp sẽ được thực hiện trong kho lưu trữ chính angular/angular và được sao chép tự động ra ngoài.

Giải quyết vấn đề mã lỗi thời

Động lực phát hành tính năng này được ghi nhận rất rõ ràng. Như Brandon Roberts đã giải thích, các tác nhân lập trình "thường gợi ý các mẫu Angular lỗi thời như NgModules, trình trang trí @Input(), *ngIf và tiêm trong constructor" do thiếu ngữ cảnh hiện tại.

Việc cài đặt sử dụng CLI kỹ năng của cộng đồng:

npx skills add

Phiên bản này xây dựng dựa trên các công việc của cộng đồng, và Agent Skills đã trở thành "phương pháp phổ biến nhất" để cung cấp ngữ cảnh khung (framework context) cho các Mô hình Ngôn ngữ Lớn (LLM), theo quan sát của Gérôme Grignon, tác giả bản tin Angular. Tiền thân được sử dụng rộng rãi nhất là analogjs/angular-skills của Roberts.

Phản hồi từ cộng đồng kỹ thuật

Các bình luận tập trung vào lý do tại sao một kỹ năng dựa trên kho lưu trữ chính thức lại quan trọng. Viết cho Angular.love, Dominik Donoch đã khen ngợi "vòng lặp xác minh tự chủ" của nó, buộc tác nhân phải chạy ng build sau khi chỉnh sửa, cũng như thiết kế orchestrator chỉ tải các tệp tham chiếu có liên quan để giới hạn việc sử dụng token.

Trên Reddit, các nhà phát triển cho rằng các kỹ năng "cảm thấy tự nhiên hơn vì chúng sống trong kho lưu trữ" và "có thể kiểm soát phiên bản, so sánh sự khác biệt (diffable)", trong khi một người khác thừa nhận rằng họ "không biết Angular có kỹ năng thực hành tốt nhất (best practices) của riêng mình".

Tuy nhiên, những người hoài nghi ít tin tưởng hơn rằng định dạng này khắc phục được vấn đề độ tin cậy. Trên Hacker News, một người bình luận cho rằng các phương pháp tiếp cận này "giả vờ như thể LLM là những người tuân thủ quy tắc nghiêm ngặt và hoàn hảo và vấn đề duy nhất là không thể chỉ định đủ các quy tắc một cách rõ ràng".

Để di chuyển, các nhóm đang thay thế các gói cộng đồng nên xóa chúng trước bằng lệnh npx skills remove analogjs/angular-skills. CLI cũng theo dõi sự thay đổi thông qua tệp khóa, vì vậy npx skills check và npx skills update giúp bắt kịp với các bản phát hành thường xuyên của Angular. Vì các kỹ năng nhắm đến phiên bản v20 trở lên, các dự án cũ hơn nên trước tiên tuân theo hướng dẫn cập nhật chính thức để áp dụng các thành phần độc lập, inject() và luồng điều khiển tích hợp sẵn mà các kỹ năng này yêu cầu.

Angular là khung web mã nguồn mở của Google, ưu tiên TypeScript, được áp dụng rộng rãi trong các ứng dụng doanh nghiệp và được xây dựng dựa trên các thành phần độc lập và tính phản ứng dựa trên tín hiệu (signal-based reactivity).