Accessibility

healthcare-emr-patterns là một skill thực tiễn cho thiết kế EMR/EHR trong lĩnh vực y tế. Skill này bao gồm quy trình làm việc khi tiếp nhận bệnh nhân, ghi chú lâm sàng, kiểm tra thuốc, làm nổi bật kết quả xét nghiệm, nhật ký kiểm toán, tích hợp CDSS và nhập liệu y tế ưu tiên khả năng truy cập, nhằm hỗ trợ quy trình làm việc của bác sĩ an toàn hơn.

flutter-dart-code-review là một checklist review code Flutter và Dart không phụ thuộc thư viện, bao quát kiến trúc, chất lượng widget, quản lý state, hiệu năng, khả năng truy cập, bảo mật và clean code. Hãy dùng nó như một hướng dẫn review code có cấu trúc cho Code Review trên BLoC, Riverpod, Provider, GetX, MobX, Signals hoặc các pattern tùy chỉnh.

browser-qa là skill QA cho trình duyệt, dùng cho kiểm thử giao diện sau khi triển khai, kiểm tra tương tác, chụp ảnh responsive và rà soát khả năng truy cập bằng tự động hóa trình duyệt. Skill này giúp lập trình viên frontend và đội ngũ QA xác minh trang staging hoặc preview theo quy trình browser-qa nhất quán, thay vì dùng prompt chung chung.

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.

frontend-design giúp biến ý tưởng UI mơ hồ thành giao diện khác biệt, sẵn sàng production, với frontend code thực tế, định hướng thẩm mỹ rõ ràng và ít kiểu AI chung chung.

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.

visualization-expert là một skill gọn nhẹ để chọn biểu đồ, áp dụng thực hành tốt về trực quan hóa và tham khảo ví dụ matplotlib hoặc plotly. Hãy dùng nó khi bạn muốn chọn loại biểu đồ phù hợp hơn, nhận xét dashboard và áp dụng hướng dẫn trực quan hóa dữ liệu rõ ràng, dễ tiếp cận từ một tệp SKILL.md duy nhất.

Skill qa kiểm thử một cách có hệ thống cho web app, tìm lỗi và xác minh các bản sửa bằng quy trình theo từng giai đoạn. Hãy dùng khi cần kiểm thử hồi quy, kiểm tra sẵn sàng phát hành, hoặc một hướng dẫn QA có cấu trúc khi bạn cần bằng chứng, chấm mức độ nghiêm trọng và vòng lặp sửa lỗi–kiểm tra lại theo từng bước nhỏ thay vì một prompt săn lỗi chung chung.

ui-ux-pro-max là kỹ năng toàn diện hỗ trợ AI cho thiết kế UI/UX. Cung cấp hướng dẫn cấu trúc về bố cục, phong cách, hệ màu, kiểu chữ và quy tắc UX cho dự án web và di động. Phù hợp cho lập trình viên và nhóm cần quyết định thiết kế thực tế trên React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter và HTML/CSS. Dùng để lên kế hoạch, đánh giá và cải thiện UI với trí tuệ thiết kế chọn lọc.

ckm:ui-styling giúp bạn tạo giao diện người dùng chuẩn truy cập, sẵn sàng sản xuất với shadcn/ui, Tailwind CSS và thiết kế trực quan trên canvas. Phù hợp cho dự án React cần layout linh hoạt, component truy cập tốt, dark mode và hệ thống thiết kế nhất quán. Sử dụng ckm:ui-styling để thiết kế UI, tạo theme và prototype nhanh với hướng dẫn thực tế theo từng stack.

ckm:brand là kỹ năng quy trình thương hiệu để tạo, cập nhật và rà soát brand guidelines, thông điệp, giọng điệu, nhận diện hình ảnh và đồng bộ design tokens bằng các script và checklist thực tế.

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.

design-system-patterns giúp các nhóm xây dựng nền tảng UI có khả năng mở rộng với cấu trúc token, kiến trúc theming và các mẫu API component tái sử dụng cho design system và thư viện component.

Kỹ năng web-component-design giúp các nhóm thiết kế UI component có thể tái sử dụng cho React, Vue và Svelte, với các mẫu API chắc chắn, hướng dẫn về khả năng truy cập và tài liệu tham khảo về các đánh đổi khi styling trong design system.

mobile-android-design giúp agent đưa ra hướng dẫn UI thuần Android với Material Design 3, Jetpack Compose, theming, navigation và các mẫu bố cục thích ứng cho điện thoại, máy tính bảng và thiết bị gập.

Skill mobile-ios-design giúp agent tạo hướng dẫn UI đậm chất iOS theo nguyên tắc Apple HIG, mẫu SwiftUI, tư vấn điều hướng, khả năng truy cập và bố cục thích ứng cho iPhone và iPad.

Dùng skill tailwind-design-system để xây dựng design system với Tailwind CSS v4, bao gồm tokens, theming, variants, accessibility và hướng dẫn chuyển từ v3 sang v4.

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.

web-design-guidelines rà soát mã UI theo Vercel Web Interface Guidelines, lấy quy tắc mới nhất và trả về kết quả ngắn gọn dạng file:line để audit UX và khả năng truy cập tập trung.

Skill harden giúp biến thiết kế UI và đặc tả giao diện sẵn sàng cho production bằng cách kiểm tra các tình huống biên, trạng thái trống, xử lý lỗi, văn bản dài, bản địa hóa, quyền truy cập và các chế độ lỗi thực tế khác. Hãy dùng skill này cho harden for UI Design khi bạn muốn giảm tối đa bất ngờ về bố cục và có bộ quy tắc hành vi đầy đủ hơn.

Clarify giúp cải thiện UX copy khó hiểu, thông báo lỗi, nhãn, các bước onboarding và hướng dẫn để người dùng có thể hành động với ít phải đoán hơn. Skill này phù hợp cho Technical Writing, nội dung hỗ trợ và các nhóm sản phẩm cần văn bản giao diện rõ ràng hơn. Skill bắt đầu từ bối cảnh, đối tượng và trạng thái của người dùng trước khi viết lại, nhờ đó đầu ra trực tiếp hơn, cụ thể hơn và dễ dùng hơn.

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.

frontend-design là skill ưu tiên ngữ cảnh để tạo mã UI frontend khác biệt và tinh tế. Hãy dùng skill này để chuyển hóa đối tượng người dùng, tình huống sử dụng và giọng điệu thương hiệu thành bố cục, kiểu chữ, màu sắc, chuyển động, trạng thái tương tác và UX writing tốt hơn cho trang, component và luồng trải nghiệm.