Sân Quidditch
Học web animation bằng cách xem lại toàn bộ quá trình dựng.
Mỗi tác phẩm ở đây là một bản ghi đầy đủ của phiên Claude Code đã dựng nên nó — mọi prompt, mọi tool call, mọi chỉnh sửa. Bấm Play hoặc kéo thanh thời gian để tua lại bất kỳ khoảnh khắc nào. Khung Live Render sẽ tái dựng trang đúng trạng thái tại cursor đó.
Bắt đầu từ đây
Thứ tự gợi ý theo độ khó — từ bản scaffolding cơ bản đến animation 3D ba-lớp.
-
Placeholder — Spinning Snitch
beginnerA spinning gold snitch — scaffolding proof, not a real lesson.
-
Cat Walk (Sprite)
beginnerA pixel-art cat walks across the ground — six-frame sprite sheet, pure CSS steps().
-
Snitch Trail
intermediateSVG path-following with a 10-orb shimmering trail and flapping wings.
-
Marauder's Map
advancedThree-panel parchment unfolds in 3D, corridor ink strokes draw in, 10 footprints trail across the castle.