Skill mã nguồn mở cho Claude Code

Slide biết diễn.

Gõ chủ đề, AI làm đạo diễn: tự nghĩ câu chuyện, tự vẽ hình minh họa, tự dàn dựng chuyển động bằng GSAP. Không khung dựng sẵn, 86 style, ra một file HTML chiếu ngay.

Cài vào Claude CodeXem deck mẫu86 style
Miễn phí, giấy phép MITChiếu offline, không cần PowerPointTiếng Việt đủ dấu
Bài giảng · AI tạo sinh
Bên trong một chatbot
Từ câu chữ tới con số, theo chân một câu hỏi đi qua mô hình.
Câu chữ bị cắt thành token
Hômnaytrờiđẹpquá
5 token, mỗi token đổi thành một dãy số để mô hình đọc.
Thư viện
86
style, mỗi thẻ một bảng màu, phông chữ và chữ ký chuyển động
Gõ chủ đề. AI làm đạo diễn.
SlideMotion · GSAP · 1 file HTML
Style: Claude Ivory · cảnh 1/4Xem thẻ style ↗

Vì sao có SlideMotion

Khung cứng làm AI rập khuôn.

Mô hình bây giờ đủ giỏi để tự thiết kế. Ép nó điền nội dung vào khuôn thì deck nào cũng một dáng. Thứ nó cần là gu, không phải khuôn.

Cách cũ: lắp ghép khung

  • Tiêu đề trái, gạch đầu dòng, ô nhấn phải, lặp lại cả bài
  • Hiệu ứng để trang trí, mọi thứ cùng trượt lên
  • Đổi chủ đề mà nhìn vẫn như nhau

SlideMotion: AI làm đạo diễn

  • Mỗi deck một ý tưởng lớn: một thế giới, một nhân vật đi suốt bài
  • Hình ẩn dụ lấy từ chính chủ đề, vẽ bằng SVG
  • Chuyển động theo động từ của câu: "cắt" thì cắt, "gom" thì gom

Deck mẫu

Bấm vào, bấm Space để xem.

Mỗi deck là một file HTML. Mũi tên hoặc Space để chuyển, F toàn màn hình, Ctrl+P ra bản phát tay.

Deck nhà máy chữ đang chạy

Nhà máy chữ

Bên trong một chatbot, phim giáo dục thập niên 50. Kéo cắt câu thành token, đường chú ý tự vẽ.

Mở deck ↗
Deck tính năng mới của Claude Code đang chạy

Có gì mới trong Claude Code

19 slide style Claude Ivory. Ngôi sao mọc thêm một cánh sau mỗi tính năng.

Mở deck ↗
Sơ đồ workflow tự vẽ

Sơ đồ tự vẽ theo lời giảng

Mỗi cú bấm chạy một đoạn dòng thời gian GSAP; bấm lùi thì tua ngược.

Mở deck ↗

Cách làm

Sáu bước, AI tự đi hết.

Chọn chế độ

Giảng dạy, báo cáo hay sự kiện. Mỗi chế độ một nhịp riêng.

Ý tưởng lớn

Một thế giới, một trục, một nhân vật đi suốt bài.

Chọn style

Gợi ý ba style từ 86 thẻ: một hợp, một khác nền, một bất ngờ.

Kịch bản đạo diễn

Mỗi slide một ý, một hình ẩn dụ, một động từ chuyển động.

Dựng bằng GSAP

Mỗi slide một dòng thời gian; mỗi cú bấm chạy một đoạn.

Tự soát

Chụp từng khung hình, sửa chữ đè, kiểm nguồn số liệu rồi mới giao.

Giảng dạy

Hiểu và nhớ: câu chuyện xuyên suốt, bấm từng bước, có bản phát tay để học viên giữ.

  • 01Định nghĩa, ví von, ví dụ theo nhịp
  • 02Câu hỏi kiểm tra giữa bài
  • 03Slide tóm tắt, Ctrl+P ra PDF phát tay

Báo cáo

Rõ và nhanh: kết luận trước, số liệu có nguồn, hiệu ứng nhẹ.

  • 01Nguồn ghi cạnh từng con số
  • 02Một biểu đồ, một thông điệp
  • 03Ưu tiên sửa được

Sự kiện

Ấn tượng: ý tưởng điện ảnh, toàn cảnh lia, khoảnh khắc lớn cho bìa và kết.

  • 01Chuyển cảnh mở vòng tròn, lao xuyên, chớp
  • 02Chữ tách ký tự, giải mã, bật lò xo
  • 03Máy quay lia qua nhiều lớp nền

Thư viện style

86 style, mỗi thẻ là cảm hứng.

Mỗi thẻ ghi bảng màu, phông chữ, ngôn ngữ minh họa và chữ ký chuyển động. Bố cục từng slide vẫn do AI tự nghĩ.

Chép lệnh: câu lệnh dán thẳng vào Claude Code đã cài SlideMotion, thay chủ đề là xong.
Chép thẻ: nguyên thẻ style, dán vào AI nào cũng được, kể cả chưa cài skill.
Ảnh mẫu: chụp từ các deck demo trong thư viện, mỗi style một deck. Rê chuột xem slide thứ hai.

Cài đặt

Một lệnh, rồi cứ nói.

Skill là một thư mục. Cài nghĩa là chép thư mục đó vào chỗ Claude Code tìm skill. Cần có Claude Code và Git.

1

Tải skill về máy

git clone https://github.com/andyluu98/slidemotion ~/.claude/skills/slidemotion
git clone https://github.com/andyluu98/slidemotion "$HOME\.claude\skills\slidemotion"
2

Mở phiên Claude Code mới và nói

Dùng skill slidemotion làm 12 slide giảng dạy về an toàn lao động, style blueprint

Claude hỏi chế độ, gợi ý ba style, viết kịch bản đạo diễn rồi dựng. Không nhớ lệnh cũng được: nói "làm slide có chuyển động" là đủ.

3

Trình chiếu

Mở file HTML bằng Chrome hoặc Edge. Mũi tên hoặc Space để chuyển, F toàn màn hình, Ctrl+P ra bản phát tay PDF.