Hướng Dẫn Xây Dựng Bộ Agent Skill Chuẩn Cho Dự Án Lập Trình Web

Khi làm việc với các hệ thống AI Agent tiên tiến (như Google Antigravity, Claude Code, hay ChatGPT/Codex), điểm mấu chốt để tự động hóa quy trình phát triển phần mềm chính là Agent Skill. Khi có một bộ Skill được thiết kế chuẩn, Agent sẽ tự động biết giai đoạn nào cần kích hoạt Skill nào để hoàn thành dự án từ A đến Z.

Bài viết này sẽ hướng dẫn bạn quy trình 2 bước cực kỳ đơn giản để tạo một hoặc cả bộ Agent Skill thông qua việc kết hợp ChatGPT và Antigravity.

BƯỚC 1: RÕ YÊU CẦU & SOẠN PROMPT MẪU (Sử dụng ChatGPT)

Trước khi bắt Agent tạo Skill, bạn cần mô tả rõ nhu cầu và dùng ChatGPT để nhân bản/chi tiết hóa prompt yêu cầu.

📍 Trường hợp 1: Tạo trọn bộ nhiều Skill cho dự án Web

Để xây dựng một luồng làm việc khép kín cho toàn bộ dự án Lập trình Web, bạn gửi prompt sau vào ChatGPT:

Prompt gửi ChatGPT:

“Tôi đang cần xây dựng bộ skill cho lập trình ứng dụng web. Bộ này bao gồm các skill sau đây (mỗi skill cần được mô tả rõ ràng, kỹ lưỡng hơn):

• Skill nghiên cứu & thiết kế giao diện Frontend

• Skill nghiên cứu & thiết kế cơ sở dữ liệu (Database)

• Skill nghiên cứu & lập trình Backend

• Skill Test & Kiểm thử chất lượng (QA/QC)

Mục tiêu: Agent sẽ tự động nhận biết ở từng giai đoạn của dự án thì cần kích hoạt skill nào để thực hiện quy trình tự động từ đầu đến khi hoàn thành.

Hãy đóng vai một AI Engineer chuyên nghiệp, giúp tôi soạn một bản Prompt chi tiết, chuẩn hóa nhất để tôi đưa cho Google Antigravity khởi tạo cấu trúc toàn bộ các Skill này.”

📍 Trường hợp 2: Tạo riêng lẻ 1 Skill cụ thể (Ví dụ: Frontend)

Nếu bạn chỉ muốn tập trung tạo một Skill đơn lẻ thật chuyên sâu, hãy gửi prompt sau vào ChatGPT:

Prompt gửi ChatGPT:

“Tôi đang cần thiết kế giao diện web bằng các công nghệ: HTML, CSS, JavaScript, Bootstrap, ReactJS.

Yêu cầu thiết kế:

• Giao diện hiện đại, tối giản, chuyên nghiệp.

• Hỗ trợ chế độ Sáng / Tối (Light / Dark Mode).

• Chuẩn Responsive trên mọi thiết bị (Mobile, Tablet, Desktop).

• Bám sát chính xác các yêu cầu chức năng từ người dùng.

Hãy đóng vai một AI Prompt Engineer, viết giúp tôi một Prompt thật chi tiết và chuẩn hóa để tôi ra lệnh cho Google Antigravity hiểu và khởi tạo bộ skill tên là frontend-dev.”

BƯỚC 2: TẠO CẤU TRÚC SKILL TRONG ANTIGRAVITY

Sau khi nhận được bản Prompt chi tiết do ChatGPT tạo ra ở Bước 1:

1. Mở cửa sổ chat trong Google Antigravity (hoặc môi trường Agent Workspace của bạn).

2. Sao chép (Copy) toàn bộ nội dung Prompt chi tiết từ ChatGPT.

3. Dán (Paste) vào đoạn chat của Antigravity và gửi lệnh trực tiếp:

Ví dụ câu lệnh gửi Antigravity:

“Dựa trên các yêu cầu chi tiết dưới đây, hãy tạo giúp tôi cấu trúc cây thư mục Skill hoàn chỉnh chuẩn định dạng SKILL.md nằm trong thư mục .agents/skills/ của project:

[Dán bản Prompt chi tiết từ Bước 1 vào đây]”

💡 Kết Quả Kỳ Vọng

Sau khi Antigravity thực thi xong, bạn sẽ thu được:

• Thư mục dự án được bổ sung cấu trúc chuẩn: .agents/skills/<skill-name>/SKILL.md

• Môi trường Agent sẽ tự động nạp (load) metadata (name và description) của từng Skill.

• Trong suốt quá trình phát triển web, khi bạn giao nhiệm vụ (Task), Agent sẽ tự nhận diện thời điểm thích hợp để kích hoạt đúng Skill (ví dụ: tự động chọn frontend-dev khi tạo UI, hoặc chọn database-design khi thiết kế schema).