1/ cách nâng cấp thiết kế website của bạn bằng Claude Code + Skills mình đã mã hóa website này. nó hoạt động nhưng thiếu sức sống sau đó mình phát hiện ra Claude Skills và đã thổi hồn vào nó đây là quy trình làm việc chính xác của mình 🧵

2/ vấn đề với các giao diện được tạo ra bởi AI là: - chúng đều trông giống nhau - lựa chọn màu sắc an toàn (nút màu xanh, nền trắng) - phong cách thành phần chung chung - không có cá tính hay sự khác biệt trang web ban đầu của tôi thì ổn, hoạt động tốt nhưng không có sức hút mà tôi mong muốn

4/ quay lại ví dụ về trang web của tôi, tôi đã thực hiện các bước này để sử dụng Claude Skills: 1. mở mã claude trong dự án của tôi 2. chạy: > giải thích kỹ năng claude (để hiểu những gì có sẵn) cho dự án của tôi 3. gọi kỹ năng thiết kế giao diện người dùng 4. nó đã trả về một khái niệm thiết kế giao diện người dùng chi tiết mà không phải là chung chung chỉ với một lệnh, Claude đã chuyển từ một trợ lý mã cơ bản thành một chuyên gia thiết kế

5/ Sử dụng chỉ mã Claude sẽ giúp bạn có một trang web hoàn chỉnh nhưng là trang web chung chung. Sử dụng mã Claude + Kỹ năng có thể mang đến cho bạn một trang web chất lượng sản xuất và độc đáo, và biến nó thành hiện thực. Kỹ năng cung cấp cho Claude bối cảnh chuyên biệt, thay đổi cách nó tiếp cận các vấn đề. Kỹ năng thiết kế giao diện người dùng đặc biệt tránh bẫy "thẩm mỹ AI chung chung".

6/ hãy thử nghiệm nó ngay! 1. cài đặt Claude Code 2. mở dự án frontend của bạn 3. kích hoạt kỹ năng thiết kế frontend 4. cài đặt các Kỹ năng của bạn 5. mô tả thiết kế hiện tại của bạn + cảm giác bạn muốn 6. để nó tái xây dựng với tư duy thiết kế thực tế sẽ làm nhiều video quy trình như thế này nếu các bạn thích video này vì tôi đang thử nghiệm rất nhiều!