Review UI theo Web Interface Guidelines

Review UI code theo Web Interface Guidelines mới nhất cho accessibility, UX audit, kiểm thiết kế và phát hiện best-practice của website.

Tải bản mới

Xác định file

Đọc file

Áp guideline

Nguyên tắc 01

Mỗi lần phải tải rule mới; không dựa vào trí nhớ guideline cũ.

Nguyên tắc 02

Review đúng file người dùng chỉ định hoặc hỏi phạm vi khi chưa có.

Nguyên tắc 03

Phát hiện phải cụ thể, ngắn và có căn cứ file:line.

Các nhánh chính từ đầu vào đến kết quả, bám theo cách command chạy khi dùng thật.

Khởi động

Đầu vào, phạm vi, route

1 Tải bản mới Tải guideline mới nhất từ URL raw command.md của Vercel Labs trước mỗi lần review.
2 Xác định file Dùng file hoặc pattern được cung cấp; nếu chưa có, hỏi cần review file nào.

Xử lý

Agent / skill thực thi

3 Đọc file Đọc các file UI code được chỉ định hoặc phạm vi khớp pattern trước khi áp luật.
4 Áp guideline Kiểm toàn bộ rule đã tải, gồm accessibility, hành vi giao diện, chất lượng UX và best practice cho site.

Kiểm chứng

Gate, review, xác thực

5 Tìm bằng chứng Gắn phát hiện vào bằng chứng file và dòng cụ thể thay vì nhận xét chung chung.
6 Báo ngắn gọn Trả phát hiện theo format ngắn file:line mà guideline đã yêu cầu.

Ví dụ gọi command theo từng flag, subcommand, mode hoặc route dùng được trong workflow thực tế.

Review file Khuyến nghị

/ak:web-design-guidelines src/app/page.tsx

Dùng khi:: Dùng khi người dùng chỉ rõ file hoặc pattern UI.
Kết quả:: Phát hiện theo guideline mới nhất ở định dạng file:line kèm evidence ngắn và hướng sửa thực tế.

Audit code site

/ak:web-design-guidelines src/components/**/*.tsx

Dùng khi:: Dùng khi audit nhiều component UI theo guideline hiện hành.
Kết quả:: Danh sách ngắn các vi phạm cụ thể, vị trí bị ảnh hưởng và nguyên tắc guideline liên quan.

Audit trang pricing

/ak:web-design-guidelines kiểm tra UI trang định giá

Dùng khi:: Một bề mặt UI đang chạy cần review theo Web Interface Guidelines mới.
Kết quả:: Liệt kê phát hiện file:line kèm nguyên tắc guideline, evidence và hướng sửa thực tế cho từng lỗi.

Phát hiện guideline

Mẫu đường dẫn

file:line phát hiện ngắn

Output đi theo hướng dẫn guideline đã tải, không dùng template review chung chung.

Tiếp theo