TL;DR

Một dự án GitHub tên html-ppt-skill đang lan truyền trong cộng đồng developer: cài một lệnh duy nhất vào Claude Code hoặc Cursor, sau đó bảo AI "làm slide chia sẻ xu hướng AI, phong cách Little Red Book" hay "tạo pitch deck cho sản phẩm" - và bạn nhận lại một bộ slide HTML hoàn chỉnh, đẹp như keynote Apple, không cần mở PowerPoint hay Keynote. Dự án đạt 4.700 stars và 460 forks chỉ sau vài tuần, 86% người dùng từ Trung Quốc và đang lan rộng sang cộng đồng quốc tế.

Vấn đề với PPT truyền thống

Bất kỳ ai đã từng làm slide đều biết cái cảm giác: nội dung có trong đầu, deadline đang đến gần, nhưng phần lớn thời gian lại tiêu vào việc căn chỉnh font, chọn màu, kéo thả hộp text. PowerPoint và Keynote đòi hỏi sự can thiệp thủ công đến từng pixel. Các công cụ web như Gamma hay Canva thì nhanh hơn nhưng vẫn là ứng dụng riêng biệt, phải thoát ra khỏi môi trường làm việc để dùng.

Câu hỏi đặt ra: tại sao AI không tự làm hết từ đầu đến cuối - bao gồm cả thiết kế - ngay trong chính luồng làm việc hiện tại?

html-ppt-skill là gì?

html-ppt-skill là một AgentSkill - một loại plugin theo chuẩn mới dành cho AI agent, tương tự npm nhưng cho hành vi của agent thay vì thư viện code. Khi cài vào Claude Code, Cursor, OpenClaw hay bất kỳ agent nào hỗ trợ chuẩn AgentSkills, agent đó ngay lập tức có khả năng tạo slide HTML chất lượng cao từ một câu mô tả ngôn ngữ tự nhiên.

Output không phải file .pptx - mà là pure static HTML/CSS/JS, mở được trên mọi trình duyệt, deploy lên bất kỳ hosting tĩnh nào, không cần build, không cần Node.js server. Toàn bộ codebase là 52.5% HTML, 29.3% CSS, 17.5% JavaScript - gọn gàng, không phụ thuộc ngoài CDN cho webfonts và highlight.js.

36 themes đa dạng trong html-ppt-skill từ cyberpunk đến editorial trắng tối giản

html-ppt-skill cung cấp 36 themes đa dạng - từ cyberpunk neon đến minimal editorial trắng tinh

Cài đặt trong vài giây

Một lệnh duy nhất đăng ký skill vào agent runtime:

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

Sau đó, bất kỳ agent nào hỗ trợ AgentSkills đều có thể nhận các lệnh như:

  • "Làm 8 slide chia sẻ kỹ thuật, dùng theme cyberpunk"

  • "Tạo pitch deck cho startup, kiểu VC chuyên nghiệp"

  • "Làm bộ ảnh Little Red Book 9 trang, nền trắng nhẹ nhàng"

AI sẽ tự chọn layout phù hợp, apply theme, thêm animation - và trả về file HTML hoàn chỉnh.

Những tính năng nổi bật

Con số ấn tượng nhất: 36 themes, 31 layouts, 47 animations (27 CSS animation thuần + 20 Canvas FX điện ảnh), cùng 15 full-deck templates sẵn dùng.

Hệ thống theme token-driven: Mỗi theme là một file CSS override thuần túy. Đổi toàn bộ giao diện chỉ bằng một dòng CSS hoặc nhấn phím T trong lúc trình chiếu. Không phải copy-paste từng element. Các nhóm theme đáng chú ý: nhóm Light & Calm cho báo cáo nội bộ, nhóm Cool & Dark cho kỹ thuật, nhóm v2 Dramatic (cyberpunk-neon, vaporwave) cho launch event sáng tạo.

Canvas FX điện ảnh: 20 hiệu ứng canvas chạy liên tục, tự động bắt màu từ theme - bao gồm force-directed knowledge graph, neural network pulse, particle burst, matrix rain. Đây là tính năng PowerPoint hay Gamma không thể match.

Presenter Mode: Nhấn S để mở cửa sổ thuyết trình riêng với 4 thẻ từ tính có thể kéo và resize: slide hiện tại (pixel-perfect), slide tiếp theo, speaker script (150-300 từ/trang tương đương 2-3 phút) và đồng hồ đếm giờ. Hai cửa sổ đồng bộ qua BroadcastChannel - không reload, không lag.

pasted image

So sánh với các công cụ khác

html-ppt-skill thuộc danh mục hoàn toàn khác so với các công cụ web như Gamma, Canva hay Decktopus. Thay vì là ứng dụng standalone, nó hoạt động ngay trong agent runtime - AI tự quyết định nội dung, cấu trúc và thiết kế mà không cần người dùng mở tab khác.

So với SlideSpeak AgentSkill (xuất file .pptx có thể edit trong PowerPoint), html-ppt-skill đánh đổi khả năng chỉnh sửa WYSIWYG để đổi lấy visual fidelity cao hơn nhiều - Canvas FX và animation phức tạp không thể có trong .pptx. Tùy use case mà chọn.

Giới hạn cần lưu ý

  • Không xuất .pptx: Không edit được trong PowerPoint hay Keynote sau khi tạo xong. Nếu công ty yêu cầu file .pptx, đây không phải công cụ phù hợp.

  • Không có drag-and-drop: Sửa thủ công đòi hỏi chỉnh HTML/CSS trực tiếp - không dành cho người không quen code.

  • Cần agent runtime: Dùng tốt nhất khi kết hợp với Claude Code, Cursor hay OpenClaw. Dùng độc lập thì phải tự scaffold HTML.

Ai nên dùng ngay?

html-ppt-skill phù hợp nhất cho các nhóm sau:

  • Developer và kỹ sư cần làm tech-sharing nhanh - templates tokyo-night, terminal-green, blueprint sẵn sàng, layouts code/diff/arch-diagram đầy đủ.

  • Startup founder cần pitch deck VC - templates pitch-deck, product-launch với themes pitch-deck-vc, swiss-grid chuyên nghiệp.

  • Content creator làm nội dung Little Red Book - template xhs-post 9 trang tỷ lệ 3:4 đúng chuẩn nền tảng.

  • Team tự động hóa báo cáo - agent tự pull data và generate weekly report mà không cần con người can thiệp.

Kết

html-ppt-skill là minh chứng rõ nhất cho làn sóng AgentSkill đang định hình lại cách AI hoạt động trong workflow thực tế. Không phải chatbot trả lời câu hỏi - mà là AI tự tay làm xong một sản phẩm hoàn chỉnh, đẹp, dùng được ngay, từ không có gì ngoài một câu mô tả.

Dự án hoàn toàn miễn phí, MIT license, đang active development. Nếu bạn đang dùng Claude Code hay Cursor, đây là 30 giây cài đặt đáng thử nhất tuần này.

via GitHub - lewislulu/html-ppt-skill