Kỹ năng mới được phát hành bởi nhà thiết kế Benji Taylor: cho phép tác nhân tạo ra các giao diện đơn giản "giống sản phẩm thật" cho hình đầu trang marketing, thẻ tính năng và hình minh họa tài liệu bằng React và CSS. Có thể là hình minh họa tĩnh hoặc hoạt ảnh demo dài 10–16 giây với thao tác con trỏ, đi kèm thư viện thành phần, hàng chục ví dụ và kịch bản quay, cho phép tác nhân chụp lại kết quả để tự kiểm tra.
Kiểm toán bảo mật: Chưa kiểm toán
- Chưa quét
Lý do
- Viết kế hoạch trước khi viết mã: xác định vị trí và kích thước (tác giả tham khảo hình đầu trang kèm văn bản bên cạnh khoảng 720 × 340, thẻ 400 × 300), sau đó xác định chủ đề và độ trung thực, rồi viết 3–5 nhịp cộng với một kết quả; những gì vừa cột điện thoại cần có phiên bản compact riêng
- Yêu cầu bắt đầu bằng cách sao chép từ ví dụ "chuẩn vàng" gần nhất nhất (thẻ tĩnh, chat AI, lỗi biểu mẫu, sắp xếp kéo thả, kéo biểu đồ, chỉnh sửa bảng, v.v.), sử dụng node scripts/film.mjs để chụp ảnh tĩnh và toàn bộ đoạn, so sánh song song với ví dụ
- Liệt kê các lỗi thường gặp: nhồi nhét quá nhiều thông tin, trông giống sơ đồ khung (wireframe), thu nhỏ toàn bộ cửa sổ với khoảng trắng đều ở bốn cạnh thẻ, tất cả các phần tử có cùng mức độ nhấn mạnh, và kiểu biểu tượng AI màu tím kèm hiệu ứng lấp lánh; chỉ đặt văn bản thật ở những nơi liên quan đến câu chuyện, thường là 3–7 chỗ, còn lại dùng thanh giữ chỗ
- kit/ cung cấp các thành phần như Stage, Window, Phone, kịch bản con trỏ Act, v.v.; thư mục kỹ năng ghi rõ giấy phép MIT
- skills.sh mới được đưa vào lần đầu tiên 1 ngày, 24 giờ cài đặt 804 (chỉ phản ánh mức độ quan tâm)
Cách sử dụng
- Lệnh cài đặt sẽ hiển thị sau khi vượt qua kiểm toán; kích hoạt khi yêu cầu tạo hoạt ảnh demo sản phẩm, hình minh họa thẻ tính năng hoặc giao diện giả (faux UI)
- Không cần tài khoản hoặc dịch vụ bên ngoài; cần React, react-dom, lucide-react, các ví dụ sử dụng npm install và npm run dev để xem trước
Rủi ro
- Chưa kiểm toán trong kỳ này, xếp hạng cố định C, không hiển thị lệnh cài đặt; SKILL.md yêu cầu tác nhân cài đặt phụ thuộc bằng npm và chạy kịch bản quay film.mjs đi kèm kỹ năng, các kịch bản này chưa được quét; trang skills.sh không hiển thị SKILL.md và kết quả kiểm toán của bên thứ ba, lần này đọc từ bản gốc trên GitHub
- Các ví dụ chứa giao diện mô phỏng và logo thật của các sản phẩm thực tế như Figma, Linear, Slack, Gmail; SKILL.md yêu cầu chỉ mượn tương tác, không mượn danh tính sản phẩm của người khác; khi sử dụng trên trang của mình, đừng để người dùng nhầm lẫn với ảnh chụp màn hình của sản phẩm khác
- Kho lưu trữ vừa mới phát hành, số sao chỉ ở mức một chữ số; quy trình dài (lập kế hoạch, quay, so sánh, xem xét lại, viết REHEARSAL.md), tiêu tốn nhiều token