85 style có sẵn
Từ tối giản kiểu Thụy Sĩ tới neon, giấy cũ, báo tường, cùng bản sắc Việt như sơn mài, tranh Đông Hồ, Hội An. Mỗi style là một bộ màu, font và vũ đạo riêng cho diễn viên.
Skill mã nguồn mở cho Claude Code
Slide biết bay.
Gõ /slidefly, đưa dàn ý. Claude dựng cho bạn một bộ slide HTML có hiệu ứng chuyển cảnh kiểu Morph của PowerPoint: hình khối trượt, phóng to, đổi màu liền mạch từ slide này sang slide kia. Một file duy nhất, mở bằng trình duyệt là trình chiếu.
- Miễn phí, giấy phép MIT
- Không cần PowerPoint
- Font đủ dấu tiếng Việt
Bấm vào để chuyển slide
Cùng một nội dung, đổi style chỉ bằng một dòng:
Cách hoạt động
Một sân khấu, không phải một xấp giấy.
Slide thông thường là những tờ giấy rời: sang tờ mới thì mọi thứ vẽ lại từ đầu. SlideFly coi cả bộ slide là một sân khấu. Hình trang trí là diễn viên đứng sẵn trên đó, mỗi kiểu slide chỉ bảo họ đổi tư thế. Bấm thử bên dưới.
data-layout="cover"
Diễn viên
Mỗi style có vài hình cố định như vòng tròn, thanh màu, ô vuông. Chúng không bị vẽ lại ở từng slide mà sống suốt cả buổi trình chiếu.
Tư thế
Bìa, mục lục, nội dung, kết... mỗi kiểu slide quy định chỗ đứng, kích cỡ, góc xoay của từng diễn viên. Chuyển slide thì trình duyệt cho họ trượt sang tư thế mới trong 1,2 giây.
Chữ bay theo
Tên một mục ở trang mục lục có thể bay sang thành tiêu đề của phần ngay sau. Cách làm: đo chỗ cũ, đo chỗ mới, rồi cho chữ trượt giữa hai điểm (kỹ thuật FLIP).
Tính năng
Làm sẵn những phần tốn công nhất.
Bạn lo nội dung. Phần dàn trang, hiệu ứng và soát lỗi đã có người làm.
21 dáng slide
9 kiểu gốc (bìa, mục lục, chương, nội dung, hai cột, số liệu, dòng thời gian, trích dẫn, kết) và 12 kiểu mới: số lớn, bento, ảnh chia đôi, hỏi đáp, trước và sau, quy trình, bảng so sánh, chân dung, đếm ngược, tuyên bố, lời kêu gọi. Thêm 12 khung bố cục đổi hẳn cách chia mặt slide: mảng màu một bên, tiêu đề khổng lồ, dải ngang, mảng chéo, thẻ so le, số lớn...
Bố cục tự lấp đầy
Engine đếm số ý trên slide rồi chọn cỡ chữ lớn, vừa hay nhỏ. Slide ít chữ không trống trơn, slide nhiều chữ không tràn. Kiểu slide lặp lại sẽ tự đổi dáng cho đỡ nhàm; slide sơ đồ vẫn giữ hình trang trí của style; tiêu đề có thể đặt giữa hoặc chạy dọc mép trái.
Tự kiểm tra trước khi giao
Script chụp từng slide, đo khoảng trống, chữ tràn, chữ khó đọc, chữ đè chữ, nhắc khi nhiều slide liền dựng giống nhau, bắt lỗi trình duyệt, rồi gom thành một ảnh để Claude nhìn lại và sửa trước khi đưa bạn.
Một file, mang đi đâu cũng chạy
CSS và JavaScript được gộp vào một file HTML. Không thư viện ngoài, không cài phần mềm, gửi qua email hay USB đều mở được.
Tiếng Việt đúng dấu
Mọi font trong 85 style đều được chọn từ danh sách có đủ bộ chữ tiếng Việt, nên không có chữ bị vỡ dấu hay lệch font.
Cài đặt
Ba bước, vài phút.
Skill là một thư mục. Cài đặt nghĩa là chép thư mục đó vào chỗ Claude Code tìm skill.
- Cần có: Claude Code, Git
- Tùy chọn: Python 3.10 trở lên (chỉ thư viện chuẩn, không cài thêm gì), để gộp file và xuất PowerPoint
-
Tải mã nguồn về máy
git clone https://github.com/andyluu98/slidefly.git
Hoặc bấm tải file ZIP rồi giải nén.
-
Chép skill vào Claude Code
mkdir -p ~/.claude/skills cp -r slidefly/skill/slidefly ~/.claude/skills/
New-Item -ItemType Directory -Force "$HOME\.claude\skills" | Out-Null Copy-Item -Recurse slidefly\skill\slidefly "$HOME\.claude\skills\"
Skill nằm ở
~/.claude/skills/slideflynên dùng được trong mọi dự án. -
Mở phiên Claude Code mới và gọi skill
/slidefly Làm 12 slide giới thiệu sản phẩm mới cho khách hàng
Phiên mới mới nhận skill vừa cài. Không cần nhớ lệnh: nói tự nhiên như "làm slide có hiệu ứng morph" Claude cũng tự gọi SlideFly.
Sử dụng
Nói điều bạn cần, nhận một file để chiếu.
Đưa chủ đề, dàn ý hoặc cả file Word, PDF. Càng nói rõ người xem là ai, slide càng trúng.
Thử với vài câu như thế này
- /slidefly Làm 20 slide giải thích AI Agent cho nhân viên văn phòng, style stencil-tablet
- /slidefly Chuyển file bao-cao-quy-3.docx thành slide trình bày cho ban giám đốc
- /slidefly 10 slide giới thiệu khóa học Excel, ít chữ, để thuyết trình
Khi trình chiếu
→ Space hoặc nút › ở rìa phảiSang slide sau ← hoặc nút ‹ ở rìa tráiLùi lại Bấm vào thân slideKhông chuyển: bôi đen, chép chữ thoải mái FToàn màn hình Home EndVề đầu hoặc cuốiSau khi bạn gửi yêu cầu
- Hỏi gộp một lượtMục đích, người xem, số slide, nhiều hay ít chữ. Câu nào bạn đã nói thì bỏ qua.
- Lập dàn ýMỗi slide một ý, gán sẵn kiểu slide phù hợp. Deck dài chia phần, mỗi phần một nhịp kể riêng.
- Cho xem trước 3 styleDựng bìa, mục lục và một slide nội dung của chính bài bạn ở 3 style để bạn chọn, hoặc trộn màu của style này với hình của style kia.
- Dựng cả bộViết slide theo dàn ý, gộp thành một file HTML đặt tên theo thứ tự trong thư mục của bạn.
- Tự kiểm tra và sửaChụp mọi slide, đo khoảng trống, chữ tràn, chữ khó đọc, chữ đè chữ, lỗi trình duyệt. Có lỗi thì sửa rồi kiểm lại.
- Bàn giaoĐường dẫn file, số slide, style đã dùng và cách trình chiếu.
Thư viện style
85 bộ trang phục cho cùng một nội dung.
Mỗi ảnh là slide bìa của cùng một deck mẫu. Bấm vào ảnh để chạy thử cả bộ 10 slide với hiệu ứng.
Hỏi đáp
Những câu hay được hỏi.
Có cần cài PowerPoint không?
Không. Slide là một trang web, mở bằng Chrome, Edge, Firefox hay Safari đều chiếu được. Hiệu ứng Morph được dựng lại bằng CSS nên không phụ thuộc phần mềm văn phòng nào.
Xuất ra file PowerPoint hoặc PDF được không?
PowerPoint thì được: scripts/export-pptx.py ghi file .pptx sửa được, hình trang trí giữ cùng tên qua các slide nên hiệu ứng Morph của PowerPoint 2019/365 cho chúng bay như bản HTML, chữ hiện dần theo thứ tự. Sơ đồ tự vẽ và khung giao diện được đơn giản hóa thành hộp chữ. PDF thì in trang HTML từ trình duyệt, khi đó mất hiệu ứng.
Không có mạng thì slide có chạy không?
Có. Mọi thứ nằm trong một file, trừ font chữ tải từ Google Fonts. Mất mạng thì trình duyệt dùng font dự phòng, bố cục và hiệu ứng vẫn giữ nguyên.
Vì sao trên máy tôi hiệu ứng ngắn và nhẹ hơn?
Máy đang bật chế độ giảm chuyển động. SlideFly tôn trọng thiết lập này nên rút hiệu ứng còn 0,7 giây. Trên Windows, bật lại tại Settings, Accessibility, Visual effects, Animation effects.
Muốn sửa chữ sau khi tạo thì làm thế nào?
Cách nhanh nhất là nhờ Claude sửa: "đổi tiêu đề slide 3 thành...". Hoặc mở file HTML bằng trình soạn thảo bất kỳ và sửa chữ bên trong từng thẻ <section class="slide">.
Dùng không có Claude được không?
Được. Chép templates/deck-mau.html, đổi dòng link sang style muốn dùng, thay nội dung từng slide, rồi chạy scripts/inline-assets.py để gộp thành một file. Hướng dẫn chi tiết trong README.
Có được dùng cho công việc thương mại không?
Được. SlideFly theo giấy phép MIT: dùng, sửa, chia sẻ tự do, chỉ cần giữ thông báo bản quyền. Các thành phần bên thứ ba được liệt kê trong THIRD_PARTY.md.