Dark Mode

frontend-ui-dark-ts giúp bạn xây dựng UI React giao diện tối với TypeScript, Tailwind CSS, Framer Motion và các design token có thể tái sử dụng. Skill này phù hợp cho dashboard, admin panel, chế độ xem phân tích và các giao diện nhiều dữ liệu cần một phong cách tối chỉn chu cùng các mẫu component nhất quán.

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.

ios-design-guidelines giúp rà soát, định hình và viết lại giao diện SwiftUI/UIKit theo Apple Human Interface Guidelines cho iPhone. Kỹ năng này hữu ích cho bố cục, điều hướng, khả năng truy cập, Dynamic Type, Dark Mode và lựa chọn thành phần hệ thống khi bạn cần phản hồi thực tiễn từ ios-design-guidelines cho thiết kế UI.

makepad-2.0-theme là một skill theme cho Makepad 2.0, dùng để áp dụng các biến `theme.*`, chuyển đổi giữa giao diện tối và sáng, và giữ cho styling theo design token luôn nhất quán. Hãy dùng hướng dẫn này để hiểu cách cài đặt và sử dụng makepad-2.0-theme cho UI production và hệ thiết kế.