Frontend Development

Cài đặt và sử dụng vercel-react-best-practices để áp dụng hướng dẫn từ Vercel Engineering, giúp mã React và Next.js nhanh hơn, đưa ra quyết định tối ưu bundle tốt hơn và giảm bớt các đợt suy giảm hiệu năng.

Cài đặt và đánh giá `vercel-react-native-skills`, một skill tổng hợp các best practice cho React Native và Expo, tập trung vào hiệu năng di động, mẫu UI, animation và kiến trúc ứng dụng native.

Sử dụng kỹ năng frontend-design để tạo giao diện frontend trau chuốt, có định hướng thị giác rõ ràng, đầu ra code thực tiễn và kết quả UI tốt hơn các phương án chung chung.

Cài đặt và sử dụng vercel-composition-patterns để áp dụng các pattern composition React có khả năng mở rộng, bao gồm compound components, lifted state, explicit variants và các API thân thiện với React 19.

Xây dựng các HTML artifact phức tạp cho Claude bằng React, TypeScript, Tailwind CSS và shadcn/ui, sau đó đóng gói toàn bộ thành một tệp HTML di động duy nhất.

Kỹ năng dựa trên Playwright để kiểm thử ứng dụng web chạy cục bộ, kiểm tra trạng thái UI sau khi render, chụp ảnh màn hình và thu thập log console của trình duyệt.