Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Trình tạo demo CLI dạng GIF

Kỹ năng tự động ghi lại phiên terminal bằng VHS và xuất ra ảnh GIF động chuyên nghiệp cho công cụ dòng lệnh của bạn.

Lập trìnhTrung cấp★ 1,425⑂ 219Điểm AI 9/10Cập nhật lần cuối: 23 thg 9, 2026

Làm được gì

  • Chỉ cần đưa danh sách câu lệnh, kỹ năng sẽ dùng VHS (công cụ ghi terminal của Charm) để tạo ảnh GIF động.
  • Hỗ trợ 4 cách: tạo tự động bằng script, tạo hàng loạt từ file YAML, ghi trực tiếp tương tác, và viết file .tape thủ công.
  • Tùy chỉnh theme, cỡ chữ, kích thước khung, tốc độ phát; tự canh thời gian chờ theo loại lệnh (install/build 3s, ls/echo 1s).
  • Chia sẻ các mẫu thực chiến: demo "tự khởi tạo" ẩn bước dọn dẹp bằng chuỗi Hide → lệnh → clear → Show, lọc log rác, tăng tốc GIF bằng gifsicle, kiểm tra khung hình bằng ffmpeg.
  • Nêu rõ giới hạn parser của VHS (không chấp nhận $, dấu backtick, dấu nháy escape) và cách lách bằng mã hóa base64.

Phù hợp với ai

  • Người bảo trì dự án mã nguồn mở cần GIF demo cho README.
  • Lập trình viên xây dựng công cụ CLI hoặc developer tools.
  • DevRel, technical writer thường xuyên minh họa terminal trong tài liệu và slide.

Ví dụ sử dụng

  1. Tạo GIF 1400x600 gồm npm install my-package và npm run build chỉ với một dòng lệnh.
  2. Khai báo nhiều demo (cài đặt, cách dùng) trong demos.yaml rồi chạy batch_generate.py để xuất nhiều GIF cùng lúc.
  3. Ghi demo có bước gỡ cài đặt cũ được ẩn đi, giúp bản ghi luôn giống nhau mỗi lần chạy lạ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/daymade/claude-code-skills/HEAD/cli-demo-generator/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)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
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 cli-demo-generator từ repo GitHub daymade/claude-code-skills vào ~/.claude/skills/cli-demo-generator/ 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/daymade/claude-code-skills.git /tmp/claude-code-skills && mkdir -p ~/.claude/skills && cp -r /tmp/claude-code-skills/cli-demo-generator ~/.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.

  1. Mở terminal và cài VHS: brew install charmbracelet/tap/vhs (trên Linux xem hướng dẫn cài đặt của dự án VHS).
  2. Cài thêm công cụ tùy chọn: brew install gifsicle asciinema ffmpeg (tăng tốc GIF, ghi tương tác, kiểm tra khung hình).
  3. Nếu dùng cấu hình YAML hàng loạt, chạy pip3 install pyyaml.
  4. Tải mã nguồn: git clone https://github.com/daymade/claude-code-skills.git
  5. Sao chép thư mục kỹ năng: mkdir -p ~/.claude/skills && cp -r claude-code-skills/cli-demo-generator ~/.claude/skills/
  6. Khởi động lại Claude Code và thử yêu cầu: "ghi lại các lệnh CLI này thành GIF demo".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT