Hoạt ảnh đồ thị (/graph)
Chỉ cần vài con số, skill tạo ra video đồ thị đường tối giản kèm số đếm tăng dần dành cho reels.
Ảnh · VideoTrung cấp★ 272⑂ 34Điểm AI 9/10Cập nhật lần cuối: 1 thg 11, 2026
Làm được gì
- Tạo video mp4 với đường kẻ đen vẽ mượt trên nền trắng (hoặc trắng trên đen).
- Một con số lớn đếm tăng theo đầu bút vẽ và dừng ở giá trị cuối cùng.
- Bạn chỉ cần viết file
<tên>.graph.json, rồi chạybuild.py— khoảng 10 giây là xong. - Tùy chọn
--snap 3.5để lấy ảnh PNG thay vì video. - Hỗ trợ tiền tố/hậu tố ($, %, kg), số chữ số thập phân, chế độ tối, thời gian giữ khung cuối.
Phù hợp với ai
- Nhà sáng tạo nội dung làm reels/shorts muốn khoe số liệu tăng trưởng.
- Marketer, founder cần motion graphic ngắn cho pitch deck hoặc báo cáo.
- Lập trình viên muốn dựng video biểu đồ lặp lại được mà không cần After Effects.
Ví dụ sử dụng
- "Làm video follower từ 0 lên 100K" → nhập 9 giá trị theo tháng và
final: 100000. - Biểu đồ doanh thu tháng với
prefix: "$"để hiển thị đơn vị đô la. - Đặt
dark: trueđể có phiên bản nền đen đường trắng hợp tông reels tối.
· · · 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/graph/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/graph từ repo GitHub artemnovitckii/claude-animation-skills vào ~/.claude/skills/graph/ 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/* ~/.claude/skills/ && cp -r /tmp/claude-animation-skills/kit ~/.claude/kit⚠ Đâ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 đã có
ffmpegvànodechưa (ffmpeg -version,node -v). - Tải repo:
git clone https://github.com/artemnovitckii/claude-animation-skills.git - Tạo thư mục skill:
mkdir -p ~/.claude/skills - Sao chép skill:
cp -r claude-animation-skills/skills/* ~/.claude/skills/ - Sao chép cả thư mục dùng chung
kit:cp -r claude-animation-skills/kit ~/.claude/kit - Khởi động lại Claude Code, gõ
/graphhoặc yêu cầu "tạo biểu đồ tăng trưởng động". - Lần chạy đầu tiên,
kit/setup.shsẽ tự tải các thư viện cần thiết (GSAP...).
Xem mã nguồn trên GitHub ↗Giấy phép: NOASSERTION