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

Trợ lý viết Convex Component

Hướng dẫn tạo Convex component tái sử dụng với defineComponent, schema riêng, lớp client wrapper có kiểu và cấu hình publish npm.

Lập trìnhNâng cao★ 405⑂ 32Điểm AI 8/10Cập nhật lần cuối: 28 thg 9, 2026

Làm được gì

  • Đề xuất cấu trúc thư mục chuẩn cho component (component/, client/, example/).
  • Cung cấp mã mẫu cho convex.config.ts, schema.ts, public.ts kèm quy tắc bắt buộc có validator args và returns.
  • Hướng dẫn đăng ký ở app cha bằng app.use() và gọi qua ctx.runQuery / ctx.runMutation.
  • Nêu rõ giới hạn biên: không đọc bảng của app, không dùng ctx.auth, không dùng process.env, không dùng .paginate(); callback đi qua function handle.
  • Bảng lỗi thường gặp kèm cách sửa, và phần publish npm nằm trong references/publishing.md.

Phù hợp với ai

  • Lập trình viên Convex muốn tách tính năng (counter, rate limit, audit log) thành package.
  • Người chuẩn bị đóng góp component cho thư mục component của Convex.
  • Nhóm cần dùng lại cùng một module backend ở nhiều ứng dụng.

Ví dụ sử dụng

  1. "Tách tính năng đếm thành một Convex component" → sinh schema, hàm public và class Counter an toàn kiểu.
  2. "Hàm không xuất hiện trong components.counter" → kiểm tra thiếu app.use(), chưa chạy npx convex dev, hoặc sai đường dẫn tham chiếu.
  3. "Component cần biết người dùng đăng nhập" → xác thực ở app rồi truyền userId dạng chuỗi vào component.

· · · 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/builder-skills/HEAD/skills/convex-component-authoring/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-component-authoring từ repo GitHub waynesutton/builder-skills vào ~/.claude/skills/waynesutton-convex-component-authoring/ 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/builder-skills.git /tmp/builder-skills && mkdir -p ~/.claude/skills && cp -r /tmp/builder-skills/skills/convex-component-authoring ~/.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à chuyển tới thư mục làm việc.
  2. Tải repo: git clone https://github.com/waynesutton/builder-skills.git
  3. Tạo thư mục skills: mkdir -p ~/.claude/skills
  4. Sao chép skill: cp -r builder-skills/skills/convex-component-authoring ~/.claude/skills/
  5. Kiểm tra bằng ls ~/.claude/skills/convex-component-authoring để thấy SKILL.md và thư mục references/.
  6. Khởi động lại Claude Code, rồi yêu cầu ví dụ: "Tạo giúp mình một Convex component".
  7. Đảm bảo dự án đã cài convex và npx convex dev chạy được trước khi áp dụng.
Xem mã nguồn trên GitHub ↗Giấy phép: Apache-2.0