SlideFly: slide biết bay

Skill cho Claude Code, Codex (ChatGPT) và Antigravity (Gemini) tạo slide HTML có hiệu ứng chuyển cảnh kiểu PowerPoint Morph: hình trang trí trượt, phóng to, đổi màu liền mạch giữa các slide. Một file HTML, mở bằng Chrome là trình chiếu được. Có 57 style, bố cục tự lấp đầy theo lượng chữ và tự đo độ trống của từng slide.

An agent skill for Claude Code, Codex and Antigravity that builds single-file HTML decks with PowerPoint-Morph-like transitions: 85 styles, auto-filling layouts and an automatic fill/overflow audit. Docs are in Vietnamese.

Xem trực tuyến: Thư viện 85 style · Deck mẫu 20 slide (Stencil & Tablet) · Deck mẫu 15 slide (Swiss Modern)

Cơ chế trong một câu

Mỗi style có một nhóm hình cố định gọi là diễn viên. Mỗi kiểu slide (bìa, mục lục, nội dung, hai cột…) quy định một tư thế cho các diễn viên. Khi chuyển slide, trình duyệt cho diễn viên trượt dần sang tư thế mới, đúng tinh thần Morph: cùng tên là cùng một vật.

Tính năng

• 85 style: 10 preset và 30 bold template phỏng theo frontend-slides, 1 style tái tạo mẫu Morph “vòng tròn xanh”, và 10 style mới: 3 style bản sắc Việt (sơn mài, tranh Đông Hồ, Hội An), 5 style xu hướng 2026 (aurora, bento, bauhaus, restorative, wabi), 2 style cho dịp đặc biệt (art deco, clay 3D), và 34 style hai lớp phỏng theo lemo-opuscar qua MotionFly (blueprint, thủy mặc, màu nước, cắt giấy đỏ, bảng trắng, kể chuyện số liệu, HUD hologram, tranh khắc gỗ, kính màu, phim câm, sách tranh sáp màu, ukiyo-e, đèn lồng giấy, múa rối bóng, pixel RPG, anime 80s…): ngoài lớp CSS còn có bản luật .art.md để Claude vẽ minh họa SVG riêng cho từng slide. Mọi font đều có bộ chữ tiếng Việt.
• 10 kiểu slide: cover, agenda, section, content, two-col, stats, timeline, quote, closing, và diagram (sơ đồ chiếm cả vùng thân, hình trang trí dạt ra viền).
• 8 dạng sơ đồ tự vẽ từ số liệu: thanh tỷ lệ, vòng tròn chia phần, mặt bằng có chuỗi kích thước, các ô dồn về tâm, ma trận, mạng lưới nút, phễu lọc, màn quét trước và sau. Khai báo bằng vài thuộc tính data-*, biểu đồ có số phải ghi nguồn.
• Hiệu ứng theo động từ: vẽ nét, đếm số, đóng dấu, rơi vào chỗ, bay vào nhóm, gộp về tâm, rung khi lệch, chấm chạy dọc đường ống.
• Icon Tabler: hơn 5.000 icon MIT (có logo công cụ như Python, GitHub) khai báo bằng một dòng; icons.py suggest gợi ý icon theo chữ trên slide, kể cả từ tiếng Việt; audit chặn slide quá 6 icon.