Wcag

Skill accessibility hỗ trợ bạn thiết kế, triển khai và đánh giá UI có khả năng tiếp cận theo hướng dẫn WCAG 2.2 Level AA cho Web, iOS và Android. Bạn có thể dùng skill này để xác định vai trò thành phần, nhãn, trạng thái, hành vi focus và các accessibility traits, kèm hướng dẫn thực tế cho công việc UX Audit và rà soát triển khai.

ux-designer là skill thiết kế UX có cấu trúc, phục vụ research, accessibility, information architecture, interaction flow, hướng dẫn wireframe và UX copy. Skill này giúp đội ngũ biến các ý tưởng sản phẩm còn thô thành quyết định thiết kế rõ ràng hơn, dựa trên tiêu chí cụ thể, thông qua `AGENTS.md` và các file rules tập trung.

Skill accessibility-compliance giúp các nhóm rà soát và cải thiện UI web hoặc mobile theo WCAG 2.2 với hướng dẫn thực tiễn về ARIA, truy cập bằng bàn phím, screen reader và khả năng truy cập trên thiết bị di động. Phù hợp nhất cho audit UX, sửa lỗi component và các khuyến nghị sẵn sàng để triển khai.

wcag-audit-patterns là kỹ năng audit WCAG 2.2 có cấu trúc, dùng cho các đợt rà soát khả năng truy cập. Bạn có thể dùng nó để kết hợp kết quả từ công cụ tự động với kiểm tra thủ công, ưu tiên lỗi theo mức độ nghiêm trọng và mức độ tuân thủ, đồng thời tạo hướng dẫn khắc phục rõ ràng, có thể hành động cho trang, luồng và component.

screen-reader-testing là một skill thực tiễn cho audit UX và QA accessibility. Tìm hiểu cách dùng skill này để kiểm thử web app với VoiceOver, NVDA và JAWS, ưu tiên phạm vi trình duyệt và nền tảng phù hợp, đồng thời rà soát biểu mẫu, hành vi ARIA, quản lý focus và các thông báo động.

critique giúp bạn xem xét giao diện, tính năng, trang hoặc thành phần dưới góc nhìn UX với chấm điểm có cấu trúc, kiểm thử theo persona, kiểm tra heuristic và phản hồi có thể hành động. Hãy dùng skill critique khi bạn cần một quy trình critique lặp lại được cho UI/UX Design, thay vì những nhận xét mơ hồ. Skill này phù hợp nhất cho các phiên critique tập trung vào một khu vực cụ thể với bối cảnh rõ ràng.

Skill audit thực hiện Technical UX Audit cho phần frontend, kiểm tra khả năng truy cập, hiệu năng, theming, hành vi responsive và các anti-pattern. Kết quả đầu ra gồm phát hiện có chấm điểm, nhãn mức độ nghiêm trọng P0-P3 và kế hoạch hành động; trước đó cần hoàn tất phần thiết lập bắt buộc thông qua các skill impeccable liên quan.

Skill audit thực hiện quy trình rà soát UX kỹ thuật có cấu trúc cho trang, tính năng hoặc component. Nó kiểm tra khả năng truy cập, hiệu năng, theming, hành vi responsive và các anti-pattern front-end, rồi trả về kết quả có chấm điểm kèm mức độ nghiêm trọng P0-P3 và kế hoạch hành động. Phù hợp nhất khi dùng sau bước ngữ cảnh bắt buộc /frontend-design.

Skill audit thực hiện quy trình rà soát UI kỹ thuật có cấu trúc trên các khía cạnh như khả năng truy cập, hiệu năng, theming, hành vi responsive và anti-pattern. Kết quả trả về gồm các phát hiện có chấm điểm, mức độ nghiêm trọng từ P0-P3 và kế hoạch hành động cho một trang, tính năng hoặc component cụ thể. Phù hợp nhất khi đã thu thập đủ bối cảnh thiết kế.

ui-web giúp bạn thiết kế và tạo kiểu cho các thành phần UI web với các kiểm tra WCAG 2.1 AA, độ tương phản mạnh, điều khiển hiển thị rõ ràng và các mẫu Tailwind thân thiện với dark mode. Hãy dùng skill ui-web này cho giao diện front-end kiểu React khi bạn cần hướng dẫn thực tế về UI Design để cải thiện khả năng tiếp cận và giảm việc phải đoán mò.

Kỹ năng ui-testing cung cấp một quy trình kiểm tra UI theo checklist, giúp phát hiện nút bấm vô hình, độ tương phản yếu, trạng thái focus bị thiếu và các vấn đề về vùng chạm trước khi phát hành. Kỹ năng này phù hợp nhất cho review UI Design, kiểm tra component và các bước rà soát khả dụng nhanh, với ít phải đoán mò hơn so với một prompt kiểm thử chung chung.

ui-mobile là một cẩm nang thực dụng về thiết kế UI mobile trong React Native và các codebase iOS/Android lân cận. Nội dung tập trung vào vùng chạm dễ tiếp cận, độ tương phản và các quy tắc tương tác, giúp bạn xây dựng màn hình an toàn hơn, rà soát component và cải thiện khả năng dùng trên di động với ít phỏng đoán hơn.

web-design-guidelines là một hướng dẫn trung lập với framework để xây dựng, rà soát và sửa lỗi giao diện web có thể truy cập và đáp ứng tốt. Hãy dùng nó cho HTML ngữ nghĩa, kiểm tra WCAG 2.2, biểu mẫu, trạng thái focus, độ tương phản, chế độ tối, hiệu năng và các quyết định bố cục trên HTML, CSS và JS.

fixing-accessibility giúp rà soát và sửa các vấn đề accessibility trong HTML trước khi phát hành. Dùng cho nút bấm, biểu mẫu, hộp thoại, tab, điều khiển chỉ có biểu tượng, luồng thao tác bằng bàn phím, xử lý focus, lỗi form, độ tương phản và nhãn cho screen reader. Skill fixing-accessibility phù hợp nhất cho các sửa lỗi UI có mục tiêu rõ ràng, không phải cho báo cáo tuân thủ tổng quát.

swiftui-wcag-accessibility-auditor kiểm tra mã tính năng SwiftUI iOS theo WCAG 2.2 Cấp A/AA và WCAG2Mobile, rồi trả về các bản sửa sẵn để vá kèm bằng chứng, mức ưu tiên và các bước xác minh từ người dùng cho những hành vi không thể kết luận chỉ từ mã. Dùng cho auth, forms, settings, custom controls và công việc rà soát UX trước khi merge.

design-system-starter giúp đội ngũ dựng khung design system với tokens, component atomic, theming, hướng dẫn WCAG 2.1 AA, checklist, cùng template tài liệu và mã khởi đầu thân thiện với React.