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

Convex File Storage

Skill cung cấp mẫu mã chuẩn để upload, phục vụ qua URL, xóa file và đọc metadata trong ứng dụng Convex.

Lập trìnhTrung cấp★ 404⑂ 32Điểm AI 7/10Cập nhật lần cuối: 6 thg 2, 2026

Skill này làm được gì

  • Hướng dẫn luồng upload 3 bước của Convex: tạo upload URL bằng ctx.storage.generateUploadUrl(), gửi file, rồi lưu tham chiếu vào bảng dữ liệu.
  • Sinh query phục vụ file bằng ctx.storage.getUrl() và component React hiển thị ảnh, PDF (iframe) hoặc link tải tùy theo content type.
  • Lưu file được tạo từ action (PDF, ảnh AI) qua ctx.storage.store(blob) và đọc metadata (size, sha256, contentType) từ bảng hệ thống _storage.
  • Kèm mẫu schema có index, mutation xóa đồng thời storage lẫn bản ghi DB, cùng danh sách lỗi thường gặp.

Phù hợp với ai

  • Lập trình viên dùng Convex làm backend, cần tính năng upload ảnh, avatar hoặc tệp đính kèm.
  • Người làm frontend React + TypeScript muốn có xem trước ảnh và kiểm tra dung lượng trước khi upload.
  • Ai cần lưu file sinh ra từ server action (báo cáo PDF, ảnh do AI tạo).

Ví dụ sử dụng

  1. "Tạo tính năng upload avatar cho người dùng" → sinh mutation upload URL, mutation lưu file và component uploader có preview.
  2. "Bài viết đính kèm nhiều ảnh, xóa bài thì dọn luôn storage" → schema imageStorageIds và mutation xóa cả storage lẫn record.
  3. "Tạo báo cáo PDF trong action và trả link tải" → action "use node" lưu Blob rồi dùng query getUrl trả link.

· · · 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/waynesutton/convexskills/HEAD/skills/convex-file-storage/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 skills/convex-file-storage từ repo GitHub waynesutton/convexskills vào ~/.claude/skills/convex-file-storage/ 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/waynesutton/convexskills.git /tmp/convexskills && mkdir -p ~/.claude/skills && cp -r /tmp/convexskills/skills/convex-file-storage ~/.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 (macOS/Linux dùng Terminal, Windows nên dùng WSL hoặc Git Bash).
  2. Tải repo: git clone https://github.com/waynesutton/convexskills.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Copy riêng skill này: cp -r convexskills/skills/convex-file-storage ~/.claude/skills/
  5. Kiểm tra: ls ~/.claude/skills/convex-file-storage/SKILL.md
  6. Khởi động lại Claude Code và yêu cầu ví dụ: "Thêm chức năng upload ảnh bằng Convex storage".
  7. Lưu ý: bạn cần sẵn một project Convex (thư mục convex/ và package convex) để skill phát huy tác dụng.
Xem mã nguồn trên GitHub ↗Giấy phép: Apache-2.0