Giới Thiệu về ClaudeKit

ClaudeKit mở rộng Claude Code với các agents chuyên biệt, slash commands và skills có thể tái sử dụng.

Video Hướng Dẫn

Mới với ClaudeKit? Xem hướng dẫn từng bước này bao gồm cài đặt CLI, thiết lập bằng lệnh ck, và demo xây dựng giao diện người dùng từ ảnh chụp màn hình.

Xem thêm hướng dẫn: @goonnguyen | X: @goon_nguyen

ClaudeKit Là Gì?

ClaudeKit mở rộng Claude Code với các bộ công cụ chuyên biệt cho kỹ thuật và marketing. Thay vì viết prompts từ đầu, bạn gọi các workflows được tối ưu hóa về tốc độ và chất lượng.

Hai Bộ Công Cụ Mạnh Mẽ

Engineer Kit - Bộ công cụ phát triển và tự động hóa:

  • Agents: AI assistants chuyên biệt (planner, researcher, tester, debugger, backend-developer)
  • Commands: Workflows phát triển (/cook, /fix, /plan, /test)
  • Skills: Modules kiến thức kỹ thuật (Next.js, PostgreSQL, Docker, DevOps)

Marketing Kit - Bộ công cụ tự động hóa marketing và nội dung:

  • Agents: Người tạo nội dung (copywriter, ui-ux-designer, campaign-manager, seo-specialist)
  • Commands: Workflows marketing (/write:blog, /video:create, /slide:create, /campaign:*)
  • Asset Management: Trung tâm quản lý copy, storyboards, slides, brand guidelines
  • Skills: Chuyên môn marketing (copywriting, SEO, analytics, video production)

Cách Hoạt Động

Ví Dụ Engineer Kit:

  1. Gõ /cook "add user authentication"
  2. Hệ thống khởi chạy planner → researcher → developer → tester
  3. Agents cộng tác, viết code, chạy tests, commit changes
  4. Bạn xem lại kết quả, cung cấp phản hồi, lặp lại

Ví Dụ Marketing Kit:

  1. Gõ /write:blog "introducing our new API"
  2. Hệ thống trích xuất phong cách viết của bạn từ /assets/writing-styles/
  3. Copywriter agent soạn blog phù hợp với tông giọng của bạn
  4. Nội dung được lưu vào Asset Management hub để tái sử dụng

Tại Sao Sử Dụng ClaudeKit?

Dành Cho Engineers:

  • Tốc Độ: Nhanh hơn 10x so với prompting thủ công cho phát triển tính năng
  • Chất Lượng: Workflows đã kiểm nghiệm giảm bugs và technical debt
  • Nhất Quán: Cùng patterns phát triển cho toàn bộ đội ngũ

Dành Cho Marketers:

  • Nhất Quán Thương Hiệu: Asset management tập trung đảm bảo thông điệp thống nhất
  • Nhận Thức Ngữ Cảnh: Nội dung dựa trên sản phẩm/codebase thực tế
  • Sẵn Sàng Production: Video storyboards với Gemini Veo 3.1, slides định dạng .pptx

Chọn Bộ Công Cụ Của Bạn

Sử dụng kit switcher trong header để khám phá:

Engineer Kit → Bắt đầu tại Tài Liệu Engineer

  • Workflows phát triển tính năng
  • Agents testing và debugging
  • Tự động hóa infrastructure

Marketing Kit → Bắt đầu tại Tài Liệu Marketing

  • Workflows tạo nội dung
  • Pipelines sản xuất video
  • Điều phối chiến dịch

Bước Tiếp Theo

  1. Hiểu Các Khái Niệm - Cách agents, commands và skills hoạt động
  2. Cài Đặt ClaudeKit - Thiết lập CLI
  3. Bắt Đầu Nhanh - Xây dựng tính năng hoặc chiến dịch đầu tiên

Khám Phá Workflows

Engineer Workflows:

Marketing Workflows: