andyluu98

Slidemotion — AI skill for Claude Code

AI community

Skill cho Claude Code: gõ chủ đề, AI làm đạo diễn, ra deck HTML có chuyển động GSAP.

How to install Slidemotion

This entry records only its repository, not the path inside it, so there is no exact command to give. Open andyluu98/slidemotion and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Slidemotion does

Skill cho Claude Code: gõ chủ đề, AI làm đạo diễn, ra deck HTML có chuyển động GSAP. 86 style, không khung dựng sẵn.

Alternatives in AI

Artifacts Builder — Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech 97.5k ★
Guizang Ppt Skill — AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts 24.9k ★
Architecture Diagram Generator — Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files 7k ★

README

SlideMotion

**Gõ chủ đề, AI làm đạo diễn, ra deck có hồn.** Không khung dựng sẵn, không slide nào giống slide nào.

![Kéo cắt câu thành token, dựng bằng SlideMotion](docs/assets/demo-cat-token.gif)

SlideMotion là một skill cho Claude Code (và các agent đọc được `SKILL.md`). Thay vì ép AI điền nội dung vào khuôn, nó đưa cho AI ba thứ: một **cuốn sách phong cách 86 style**, một **từ điển chuyển động**, và một **runtime GSAP** nhỏ để chiếu. AI tự nghĩ câu chuyện, tự vẽ hình ẩn dụ bằng SVG, tự dàn dựng từng chuyển động theo động từ của câu.

**Trang giới thiệu, deck mẫu và thư viện style:** https://andyluu98.github.io/slidemotion/

Vì sao không dùng khung

Khung dựng sẵn	SlideMotion
Kiểu slide định sẵn: tiêu đề trái, gạch đầu dòng, ô nhấn phải	Mỗi slide tự chọn dáng theo ý
Hiệu ứng để trang trí, mọi thứ cùng trượt lên	Chuyển động theo động từ: "cắt" thì cắt, "gom" thì gom, "duyệt" thì đóng dấu
Đổi chủ đề mà nhìn vẫn như nhau	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

Deck mẫu



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	Bấm một lần: lệnh được gõ ra, việc tỏa ra nhiều agent rồi gom về một báo cáo

Thêm: [Nhà máy chữ](https://andyluu98.github.io/slidemotion/demos/nha-may-chu-gsap.html) (bên trong một chatbot, phim giáo dục thập niên 50) và [Một ngày ở công trường](https://andyluu98.github.io/slidemotion/demos/mot-ngay-o-cong-truong.html) (AI trong xây dựng, máy quay lia theo công trường).

Mỗi deck là **một file HTML**, chiếu offline được: mũi tên hoặc Space để chuyển, F toàn màn hình, Ctrl+P ra bản phát tay (mọi slide trải ra, mọi bước đã hiện).