Frontend Slides - kho mã nguồn mở hơn 28 nghìn sao biến agent lập trình thành người làm slide cho bạn
Bạn tả không nổi mình muốn slide trông thế nào? Kho này lật ngược cách làm: nó dựng sẵn vài bản mẫu cho bạn nhìn rồi chọn.
Frontend Slides là một skill (bộ hướng dẫn nạp cho AI agent lập trình, để nó biết làm một việc theo đúng quy trình) do Zara Zhang làm và mở mã trên GitHub.
Nó làm được hai việc:
1/ Dựng bộ slide mới từ đầu. Bạn nói nội dung, mặc định nó sinh ra 3 bản xem trước về phong cách. Bạn chọn cái ưng mắt, nó dựng nốt cả bộ. Không cần biết CSS hay JavaScript.
2/ Chuyển file PowerPoint có sẵn sang web. Nó bóc chữ, ảnh, ghi chú trong file .pptx ra rồi dựng lại thành bản HTML, giữ nguyên hình ảnh gốc.
Vài điểm mình thấy đáng chú ý:
- Không phụ thuộc thư viện nào. Kết quả là một file HTML duy nhất, CSS và JavaScript nằm luôn bên trong. Không npm, không build. Tác giả nói thẳng trong phần triết lý của kho: một file HTML thì mười năm sau vẫn chạy, còn một dự án React từ 2019 thì chúc may mắn.
- Cố tình né thẩm mỹ AI chung chung. Tài liệu ghi thẳng là để tránh kiểu "gradient tím trên nền trắng" mà ai cũng nhận ra ngay là máy làm.
- Kho phong cách rộng: 12 preset dựng sẵn, cộng thêm 34 bộ thiết kế "bold" tùy chọn.
- Xong rồi chia sẻ được luôn: một lệnh đẩy lên Vercel (bản miễn phí) lấy link, hoặc xuất ra PDF để gửi mail. Lưu ý: bản PDF là ảnh tĩnh nên không giữ hiệu ứng chuyển động.
Điều mình thích nhất là chỗ này: nó không bắt bạn nói ra gu thẩm mỹ của mình. Nó cho bạn nhìn rồi chỉ tay. Với đa số người, chọn dễ hơn tả rất nhiều.
Kho cài được thành plugin cho Claude Code. Các agent lập trình khác như Codex, Gemini CLI, OpenCode, Kimi Code cũng dùng được: theo hướng dẫn của kho, cách đơn giản nhất là gửi cho agent link kho rồi bảo nó dùng skill này. Điều kiện là agent chạy trên máy bạn, có quyền đọc file và chạy lệnh.
إرسال تعليق