anidoodle — Xưởng vẽ tranh & phim bằng code
Skill tạo ảnh tĩnh, loop, phim, animation web tương tác và cả nhạc nền hoàn toàn bằng code tất định, với 31 phong cách vẽ.
Ảnh · VideoTrung cấp★ 468⑂ 36Điểm AI 9/10Cập nhật lần cuối: 25 thg 9, 2026
Làm được gì
- Mọi khung hình do một hàm thuần vẽ ra, mọi mẫu âm thanh do một hàm khác tổng hợp: cùng một source sẽ cho ra cùng pixel và cùng âm thanh trên mọi máy, ở mọi kích thước (không tải, không sinh asset bên ngoài).
- Bắt đầu bằng phần hỏi đáp nhập liệu: làm gì, phong cách nào, tỉ lệ khung (1x1, 9x16, 16x9, 4x5…), dài bao lâu, có nhạc không, nhân vật nào — rồi viết brief trước khi vẽ.
- Có workflow riêng cho: ảnh tĩnh (hero, poster, card), timelapse "tranh tự vẽ", loop/sticker/logo động, phim kể chuyện dài, explainer/infographic, video ra mắt sản phẩm, animation web phản hồi UI, và bài học vẽ.
- 31 phong cách có "style plate" kèm công thức, giữ nhân vật nhất quán giữa các phong cách, bắt chước phong cách từ ảnh người dùng đưa, soạn nhạc theo cấu trúc từng đoạn.
- Bộ công cụ:
scaffold.mjs,still.mjs(một frame + hash),render.mjs(MP4/GIF/WebM),gate.mjs(kiểm tra tính tất định, hợp đồng, "dead air"),emit.mjs(player HTML offline),music.mjs(render và đo bản nhạc). - Giới hạn tối đa 3 cổng phê duyệt và một "craft bar" liệt kê các dấu hiệu làm hỏng tác phẩm (hình ghép từ ellipse, đổi màu gọi là đổi style, fade-in thay vì vẽ…).
Phù hợp với ai
- Designer, creator cần sản xuất lặp lại visual thương hiệu / video ngắn theo cách tái tạo được chính xác.
- Nhóm không muốn dùng ảnh stock hay ảnh AI vì lý do bản quyền, cần đồ hoạ sinh từ code.
- Dev quen Node/Canvas muốn tự làm animation tương tác cho landing page.
Ví dụ sử dụng
- "Làm logo header động, loop 6 giây, tỉ lệ 9:16" → chọn phong cách → duyệt 1 ảnh look → kiểm tra mối nối (frame cuối so với frame 0) → xuất MP4/APNG.
- "Video ra mắt 45 giây dùng ảnh screenshot sản phẩm" → viết chuyện 3 câu + bảng cue (120 bpm, 30 fps = 15 frame/nhịp) → duyệt mẫu nhạc 8 giây → render toàn bộ rồi review bằng contact sheet theo từng nhịp.
- "Vẽ nhân vật của chúng tôi theo kiểu khắc gỗ rồi kiểu lego" → dùng workflow bắt chước phong cách + giữ nhân vật nhất quán.
· · · 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/alexgreensh/anidoodle/HEAD/skills/anidoodle/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 Claude Skill Mart. Copy thư mục skills/anidoodle từ repo GitHub alexgreensh/anidoodle vào ~/.claude/skills/alexgreensh-anidoodle/ 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/alexgreensh/anidoodle.git /tmp/anidoodle && mkdir -p ~/.claude/skills && cp -r /tmp/anidoodle/skills/anidoodle ~/.claude/skills/⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.
- Kiểm tra Node.js (nên từ 18 trở lên):
node -v - Clone repo:
git clone https://github.com/alexgreensh/anidoodle.git /tmp/anidoodle - Copy skill vào thư mục skill của Claude:
mkdir -p ~/.claude/skills && cp -r /tmp/anidoodle/skills/anidoodle ~/.claude/skills/ - Khởi động lại Claude Code và thử yêu cầu "dùng anidoodle vẽ giúp tôi…" để xác nhận skill đã được nạp.
- Tạo project để render thật:
node ~/.claude/skills/anidoodle/engine/tools/scaffold.mjs ~/art --film intro --format 9x16 --duration 180 - Cài phụ thuộc và trình duyệt render:
cd ~/art && npm install && npx playwright-core install chromium - Thử xuất một frame:
node tools/still.mjs intro --frame 0 --out out/look.png --scale 2 - Muốn xem ví dụ hoàn chỉnh:
node ~/.claude/skills/anidoodle/engine/tools/scaffold.mjs ~/study --example(phim mẫu 47 giây có nhạc).
Xem mã nguồn trên GitHub ↗Giấy phép: Apache-2.0