Kỹ năng kiểm tra quy chuẩn giao diện chính thức của Vercel: Trước mỗi lần kiểm tra, tải mới nhất Web Interface Guidelines từ GitHub, đối chiếu từng mục với các tệp bạn chỉ định và liệt kê các vấn đề theo định dạng file:line.
Số lượt cài đặt skills.sh 792813 (+4577 / 24h)
Kiểm toán bảo mật: Có cảnh báo rủi ro
- Có thể thực hiện các yêu cầu mạng hoặc gọi API bên ngoài / MCP từ xa
- Phạm vi kiểm toán: GitHub vercel-labs/agent-skills/skills/web-design-guidelines/SKILL.md (chỉ quét văn bản SKILL.md)
Lý do
- Các quy tắc bao phủ khả năng truy cập, trạng thái tiêu điểm, biểu mẫu, hoạt ảnh,排版 (typography), hình ảnh, hiệu suất, điều hướng và trạng thái, cảm ứng, vùng an toàn, chế độ tối, đa ngôn ngữ, an toàn khi hydrate, nội dung văn bản, kèm theo một danh sách các anti-pattern cần đánh dấu
- Đầu ra được chuẩn hóa thành các kết luận ngắn gọn theo định dạng file:line, nhóm theo tệp, giúp dễ dàng sửa từng mục
- SKILL.md chỉ có khoảng hơn chục dòng, các quy tắc nằm trong tệp từ xa, nên không cần cài đặt lại khi quy chuẩn được cập nhật
- skills.sh có 4577 lượt cài đặt trong 24 giờ, tổng cộng 792813 (chỉ phản ánh mức độ quan tâm)
Cách sử dụng
- npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
- Yêu cầu agent “review my UI” và cung cấp tệp hoặc đường dẫn wildcard; nếu không cung cấp tệp, nó sẽ hỏi trước
- Cần công cụ đọc trực tuyến như WebFetch trên phía client
Rủi ro
- Các yêu cầu mạng trong hướng dẫn kiểm toán phù hợp với mục đích sử dụng: mỗi lần chạy, tải command.md từ vercel-labs/web-interface-guidelines trên raw.githubusercontent.com, và SKILL.md quy định sử dụng các quy tắc và định dạng đầu ra từ đó, đồng nghĩa với việc giao phó chỉ dẫn kiểm tra cho một tệp từ xa có phiên bản không cố định
- Chỉ kiểm tra, không sửa đổi; một số quy tắc được diễn đạt theo cú pháp React / Tailwind (ví dụ: <Link>, focus-visible:ring-*)