Cross Device

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.

Dùng skill responsive-design để lập kế hoạch và triển khai bố cục UI thích ứng với container queries, kiểu chữ linh hoạt, CSS Grid, Flexbox và các breakpoint mobile-first từ kho wshobson/agents.

Skill adapt giúp thiết kế lại một UI hiện có cho thiết bị hoặc bối cảnh sử dụng mới. Tìm hiểu quy trình adapt, phần phụ thuộc frontend-design bắt buộc, đường dẫn cài đặt và cách áp dụng thực tế cho các thay đổi UI/UX trên mobile, tablet, bản in và đa nền tảng.

adapt giúp các nhóm UI/UX thiết kế lại giao diện hiện có cho những ngữ cảnh mới như mobile, tablet, bản in hoặc tương tác cảm ứng. Hãy dùng adapt để đánh giá các giả định của giao diện nguồn, các ràng buộc của đích đến và những thay đổi về tương tác trước khi bắt tay vào triển khai. Bạn có thể cài từ pbakaus/impeccable và kết hợp với /frontend-design để đạt hiệu quả tốt hơn.

Dùng adapt để chuyển thể các thiết kế UI/UX sẵn có cho mobile, tablet, desktop, bản in, TV và những ngữ cảnh khác. Nội dung bao gồm cách bắt đầu, phần thiết lập ngữ cảnh thiết kế cần có và cách dùng adapt trong thực tế để chuyển thể đa thiết bị.

e2e-testing-patterns là một skill thực tiễn để thiết kế bộ kiểm thử end-to-end đáng tin cậy và chạy nhanh. Dùng skill này để chọn phạm vi kiểm thử cho các luồng quan trọng, giảm tình trạng flake và áp dụng các pattern kiểm thử Playwright hoặc Cypress phù hợp cho tự động hóa sẵn sàng cho CI.