AISkill
Ảnh chụp trang kho MengTo/Skills trên GitHub ngày 01/09/2026 · mở kho ↗
Bộ kỹ năng cho người thiết kế: biến đoạn quay màn hình một trang web thành câu lệnh chi tiết để trợ lý dựng lại bằng HTML.
Thấy món ăn ngon thì chụp hình đưa đầu bếp còn dễ hơn ngồi tả. Kho này làm đúng vậy cho giao diện: quay màn hình một trang, một hoạt cảnh hay một trang giới thiệu, nó bóc ra thành một câu lệnh dài và chi tiết để trợ lý dựng lại bằng HTML trong một lượt. Có thêm 2 kỹ năng nối theo: bóc một trang HTML sẵn có thành từng câu lệnh nhỏ cho riêng một khối, một hiệu ứng hay một trạng thái di chuột; và chụp trọn cả trang dài chớ không chỉ phần đầu.
Kho nhắm tới người thiết kế và người dựng giao diện, nên phần lớn đầu ra là HTML. Chép lại giao diện của người khác thì phải cân nhắc bản quyền, kho không thay bạn quyết chuyện đó.
Cần gì trước khi bắt đầu
- Một trợ lý có hỗ trợ kỹ năng (Codex, Claude, Cursor)
Kỹ năng này chạm vào những gì
- Đọc tệp trên máy bạn
- Ghi tệp mới vào máy bạn
Nói thử 3 câu này
Đây là đoạn quay màn hình một trang tôi thích, ra câu lệnh để dựng lại trang tương tự.
Bóc riêng phần hiệu ứng cuộn của trang này thành một câu lệnh dùng lại được.
Chụp trọn cả trang dài này làm tham chiếu, đừng chỉ chụp phần đầu.
Hợp với ai
- Người thiết kế muốn dựng nhanh
- Người học cách người khác làm giao diện
- Người cần tách một hiệu ứng ra dùng lại