Hoạt hình tuyến đường bản đồ (/map-route)
Tạo video reel 3D với tuyến đường tự vẽ từ điểm xuất phát đến đích, kèm ghim đỏ nảy và thẻ ETA đếm ngược.
Ảnh · VideoTrung cấp★ 272⑂ 34Điểm AI 9/10Cập nhật lần cuối: 1 thg 11, 2026
Kỹ năng này làm gì
- Dựng thành phố 3D màu trắng (khối nhà, công viên, dòng sông) và một tuyến đường màu nhấn tự vẽ ra từ A đến B.
- Camera chạy dọc tuyến đường rồi lùi ra xa ở cuối; ghim đỏ rơi xuống kèm hiệu ứng nảy.
- Thẻ ETA đếm ngược số phút rồi đổi thành "Arrived", sau đó hiện thẻ tên điểm đến.
- Bạn chỉ cần cung cấp tên điểm đến, số phút và khoảng cách; skill sẽ viết file spec
<tên>.map.jsonvà chạybuild.pyđể xuất mp4.
Phù hợp với ai
- Nhà sáng tạo nội dung làm reel/TikTok/Shorts dạng "từ A đến B".
- Marketer địa phương muốn giới thiệu đường đến cửa hàng, phòng gym, quán cà phê.
- Vlogger du lịch, người làm video về lộ trình chạy bộ hay đường đi làm hằng ngày.
Ví dụ sử dụng
- "Từ nhà đến phòng gym, 2,8 km, 9 phút" → tuyến xanh tự vẽ và kết bằng thẻ "Iron Yard Gym".
- Đổi
accentsang màu thương hiệu và đổiseedđể có bố cục nhà cửa, công viên khác nhau. - Điền 5 địa danh thật của thành phố bạn vào
placesđể nhãn trông quen thuộc hơn. - Dùng
--snap 3.8để xem trước khung hình cuối, kiểm tra thẻ điểm đến không bị cắt.
· · · Hướng dẫn cài đặt · · ·
Dùng thử ngay, không cần cài
Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.
Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình: https://raw.githubusercontent.com/artemnovitckii/claude-animation-skills/HEAD/skills/map-route/SKILL.md Mình muốn: (viết việc bạn cần ở đây)
Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.
↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.
Cài vào ứng dụng Claude (không cần terminal)
- Tải tệp ZIP bằng nút bên dưới.
- Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
- Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
Cài vào Claude Code
Để Claude làm — dán câu dưới đây vào Claude Code
Hãy cài skill mình tìm thấy trên AI Skill Mart. Copy thư mục skills/map-route từ repo GitHub artemnovitckii/claude-animation-skills vào ~/.claude/skills/map-route/ của mình. Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.
Cài bằng lệnh thủ công
git clone https://github.com/artemnovitckii/claude-animation-skills.git /tmp/claude-animation-skills && mkdir -p ~/.claude/skills && cp -r /tmp/claude-animation-skills/skills/map-route ~/.claude/skills/ && cp -r /tmp/claude-animation-skills/kit ~/.claude/ 2>/dev/null; bash ~/.claude/kit/setup.sh⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.
- Mở terminal và kiểm tra
ffmpeg -versioncùngnode -v. Nếu chưa có, cài trước (macOS:brew install ffmpeg node). - Tải mã nguồn:
git clone https://github.com/artemnovitckii/claude-animation-skills.git - Chép thư mục skill:
mkdir -p ~/.claude/skills && cp -r claude-animation-skills/skills/map-route ~/.claude/skills/ - Chép thêm bộ kit dùng chung:
cp -r claude-animation-skills/kit ~/.claude/ - Cài phụ thuộc lần đầu:
bash ~/.claude/kit/setup.sh(tải three.js, Chrome headless...). - Khởi động lại Claude Code, gõ
/map-routehoặc yêu cầu "làm video tuyến đường từ nhà đến phòng gym 9 phút". - Quá trình render mất khoảng 1,5 phút; cảnh báo
sub_timeline_readiness_timeoutlà bình thường. Xong sẽ nhận được đường dẫn file mp4.
Xem mã nguồn trên GitHub ↗Giấy phép: NOASSERTION