Kỹ năng thiết kế web của Together AI: đặt ra 16 nguyên tắc tối thiểu không được nới lỏng cho agent (màu sắc và phông chữ phải dùng token, không bịa đặt dữ liệu và đánh giá, tiêu đề và nút chính phải nằm trong màn hình đầu tiên, v.v.), chọn một trong ba hướng từ thư viện chủ đề, sau khi hoàn thành thì dùng sloplint để kiểm tra vi phạm trong trình duyệt trước khi bàn giao.
Số lượt cài đặt skills.sh 74901 (+2635 / 24h)
Kiểm toán bảo mật: Có cảnh báo rủi ro
- Tham chiếu các tập lệnh chưa được quét: scripts/sloplint.mjs, scripts/capture.mjs, scripts/theme.mjs
- Phạm vi kiểm toán: GitHub nutlope/hallmark/skills/hallmark/SKILL.md (chỉ quét văn bản SKILL.md)
Lý do
- Các nguyên tắc tối thiểu được cụ thể hóa vào CSS: không dùng transition: all, không tạo hiệu ứng động cho width / height / top / left, html và body dùng overflow-x: clip, các phần tử tương tác đều có :focus-visible, các hiệu ứng động đều có phương án dự phòng prefers-reduced-motion
- Trước khi bắt đầu chỉ hỏi bốn điều một lần (tài nguyên, đối tượng, hành động mà trang cần thúc đẩy, giọng điệu); các con số, trích dẫn, logo không được cung cấp sẽ để trống, không để agent tự bịa
- theme.mjs gửi ba chủ đề theo yêu cầu và ghi nhật ký, tránh việc hai lần liên tiếp tạo ra cùng một kiểu dáng; tác giả cho biết thư viện chủ đề có 50 loại chất liệu, thư viện ảnh có 755 bức ảnh có giấy phép mở, khi sử dụng phải ghi công ở chân trang
- skills.sh có 2635 lượt cài đặt trong 24 giờ, tổng cộng 74901; tuần gần nhất là 6181, các tuần trước đó đều ở mức hơn hai nghìn (chỉ phản ánh mức độ quan tâm)
Cách dùng
- npx skills add https://github.com/nutlope/hallmark --skill hallmark (README của tác giả dùng npx skills add nutlope/hallmark -g để cài đặt toàn cục); cũng có plugin cho Claude Code
- Khi tạo trang mới, hãy mô tả trực tiếp yêu cầu; khi sửa trang hiện có, cần chỉ định rõ, ví dụ /hallmark redesign <đường dẫn> hoặc /hallmark audit <đường dẫn>
- Cần Node 18+; kiểm tra trong trình duyệt và chụp màn hình cần thêm npm i -g puppeteer-core và Chrome, nếu không có thì chỉ chạy kiểm tra tĩnh
Rủi ro
- Ba tập lệnh sloplint.mjs, capture.mjs, theme.mjs được nêu trong cảnh báo kiểm toán chưa được quét; SKILL.md sẽ khiến agent chạy chúng bằng Node, capture.mjs sẽ mở URL sản phẩm hoặc máy chủ phát triển của bạn để chụp màn hình, phù hợp với mục đích sử dụng
- Thư viện ảnh chỉ lưu liên kết tới Wikimedia Commons, không chứa tệp hình ảnh, khi sử dụng cần kết nối internet để tải ảnh; quá trình quét không liệt kê riêng hoạt động kết nối internet này
- Quy trình yêu cầu đọc nhiều tệp tham khảo và xem xét lại nhiều vòng, tác giả cũng ghi rõ việc tải thêm nhiều tệp là chi phí có thể tránh được lớn nhất