HTML PPT Studio: Tuyệt Chiêu Tạo Slide Thuyết Trình Chuyên Nghiệp Siêu Tốc Bằng AI

HTML PPT Studio là một AgentSkill đẳng cấp thế giới, được thiết kế để giúp các trợ lý AI (Agent) tạo ra các bản trình bày (presentation) bằng HTML tĩnh cực kỳ chuyên nghiệp và đẹp mắt mà không cần qua bất kỳ bước build phức tạp nào (chỉ dùng HTML/CSS/JS thuần).

Công cụ này giống như một "kho vũ khí" thiết kế đồ sộ, được tích hợp sẵn:

• 36 Chủ đề (Themes): Đa dạng phong cách từ tối giản (minimal), phong cách báo chí, đến Cyberpunk, Y2K, hay giao diện mạng xã hội.

• 15 Mẫu Slide hoàn chỉnh (Full-deck templates): Các kịch bản slide có sẵn cho gọi vốn (pitch deck), báo cáo tuần, chia sẻ công nghệ, v.v.

• 31 Bố cục trang (Layouts): Sẵn sàng cho mọi nhu cầu hiển thị như biểu đồ, bảng biểu, mindmap, dòng thời gian, so sánh,...

• 47 Hiệu ứng chuyển động (Animations): Bao gồm 27 hiệu ứng CSS nhẹ nhàng và 20 hiệu ứng Canvas mãn nhãn (như pháo hoa, ma trận, hạt vật lý).

• 🎤 Chế độ diễn giả (Presenter Mode) cực đỉnh: Chỉ cần nhấn phím S, một cửa sổ dành riêng cho người thuyết trình sẽ hiện ra với đồng hồ đếm ngược, ghi chú (speaker script) và chế độ xem trước không độ trễ, được đồng bộ hóa hoàn hảo với màn hình chính.

🛠️ Cách sử dụng

Có hai cách chính để tận dụng HTML PPT Studio: qua câu lệnh AI (dành cho Agent) hoặc thao tác thủ công.

1. Cài đặt nhanh (Chỉ 1 câu lệnh)

Để tích hợp kỹ năng này vào Agent runtime của bạn, hãy chạy lệnh sau:

npx skills add https://github.com/lewislulu/html-ppt-skill

2. Dùng qua Trợ lý AI (Agent Prompts)

Sau khi cài đặt, bạn có thể ra lệnh cho AI tạo slide bằng ngôn ngữ tự nhiên. Ví dụ:

• "Làm một bản thuyết trình công nghệ dài 8 trang, sử dụng theme cyberpunk."

• "Biến dàn ý này thành một bản pitch deck gọi vốn."

• "Tạo một bài đăng dạng hình ảnh (carousel) 9 trang, phông nền trắng nhẹ nhàng."

3. Sử dụng thủ công (Sau khi tải về/Clone)

Nếu bạn muốn tự tay tinh chỉnh, repo cũng cung cấp các kịch bản (scripts) tiện lợi:

• Tạo một bộ slide mới:

  Bash

  ./scripts/new-deck.sh ten-bai-thuyet-trinh-cua-ban
  

• Xem thử các thành phần có sẵn: Bạn có thể mở trực tiếp các file HTML trong thư mục templates/ để xem trước các theme (theme-showcase.html), layout (layout-showcase.html), hoặc bộ slide mẫu (full-decks-index.html).

• Xuất ra ảnh PNG:

  Bash

  ./scripts/render.sh examples/demo-deck/index.html 12
  

⌨️ Các phím tắt hữu ích khi trình chiếu:

• ← / → / Space / PgUp / PgDn: Chuyển slide.

• F: Mở toàn màn hình (Fullscreen).

• S: Mở cửa sổ Diễn giả (Presenter window).

• N: Mở nhanh ngăn kéo ghi chú ở cạnh dưới.

• O: Xem tổng quan tất cả các slide (Overview grid).

• T: Đổi nhanh chủ đề (Theme) để xem thử màu sắc mới.