VividKit Crystal clear AI coding
Giới Thiệu ClaudeKit Hướng Dẫn ClaudeKit CLI Bảng Lệnh Nhanh Tìm Lệnh Phù Hợp Quy Trình Mẫu Chuyển Đổi Tài Khoản Mobile Coding Khôi Phục Session Thiết Kế UI/UX Chế Độ YOLO Custom Hooks Sửa Lỗi Từ Log Khuyến Mãi

Quy Trình Mẫu

Chuỗi lệnh sẵn dùng cho các tác vụ phát triển thông dụng.

Mới với ClaudeKit?
Các quy trình này bao gồm các chuỗi lệnh hoạt động cùng nhau để hoàn thành các tác vụ phổ biến. Hoàn hảo để bắt đầu!

Quy Trình Mẫu

v2.5.0+ sử dụng skill-based workflows. Skills có thể gọi qua ngôn ngữ tự nhiên hoặc /skill-name. Sau /plan, chạy /clear rồi /cook để triển khai.

Nâng cấp từ v2.4?

Thay đổi quan trọng cho người dùng cũ:

v2.4.0 (Cũ) v2.5.0+ (Mới) Ghi chú
/code /cook Skill-based, supports flags
/fix:types /fix Unified fix skill
/design:screenshot /frontend-design Renamed skill
/plan → /code /plan → /clear → /cook /clear is mandatory!
Flags của /cook Điều khiển hành vi triển khai:
--fast

Bỏ qua research, triển khai nhanh

--parallel

Chạy các phase song song

--auto

Tự động duyệt tất cả bước

--no-test

Bỏ qua chạy test sau khi code

QUAN TRỌNG: Luôn /clear sau /plan /plan → /clear → /cook

Xây Dựng Feature Mới

Beginner

Tốt nhất cho: Thêm feature mới vào app của bạn

~15-30 phút 4 bước
1
/brainstorm skill Brainstorm ý tưởng (skill)

Dùng /brainstorm hoặc nói "brainstorm ideas for [feature]" để khám phá

2
/plan Tạo implementation plan

AI tạo plan chi tiết từng bước để build feature

3
Review → /clear → Implement

Review plan, chạy /clear để giải phóng context (bắt buộc từ CK engineer@v2.5.0+), rồi implement

4
/cook @plan.md skill Implement plan (skill)

AI viết code theo plan, chạy tests và review công việc

⚠️ CK engineer@v2.5.0+: /clear bắt buộc sau /plan trước /cook

Sửa Lỗi (Bug Fix)

Beginner

Tốt nhất cho: Sửa lỗi và hành vi không mong muốn

~5-15 phút 3 bước
1
/debug Debug vấn đề

AI phân tích code để tìm root cause

2
/fix skill Apply fix (skill)

AI tự động route đến specialized fix và áp dụng giải pháp

3
/test Verify fix

Chạy tests để đảm bảo bug đã được sửa và không break gì khác

💡 /fix skill: intelligent routing đến types, ui, ci, test, logs

Quick Implementation

Intermediate

Tốt nhất cho: Features nhỏ khi bạn biết mình muốn gì

~10-20 phút 1 bước
1
/cook "nhiệm vụ của bạn" skill All-in-one skill

AI tự động research, plan, implement, test và review feature

/cook "nhiệm vụ của bạn" tự động làm gì:
  • Research best practices và technologies
  • Tạo và execute implementation plan
  • Viết và test code
  • Review quality và best practices
v2.4 → v2.5 Migration
v2.4.0 v2.5.0+
/cook:auto /cook --auto
/cook:auto:fast /cook --auto --fast
/cook:auto:parallel /cook --auto --parallel
/code:no-test /cook --no-test
/code:parallel /cook --parallel
💡 Xem bảng mapping ở trên để chuyển đổi từ v2.4 variants

Bootstrap Project Mới

Advanced

Tốt nhất cho: Tạo app hoàn chỉnh từ đầu

~1-2 giờ 1 bước
1
/bootstrap "mô tả ứng dụng của bạn" Full project setup

AI build toàn bộ project: research, architecture, design, implementation và docs

/bootstrap "mô tả ứng dụng của bạn" tự động làm gì:
  • Research và chọn tech stack
  • Project structure và architecture
  • UI/UX design và wireframes
  • Full implementation với tests
  • Comprehensive documentation
⚠️ Warning: Command này dùng nhiều AI tokens

Tạo Video Content

Intermediate

Tốt nhất cho: Tạo video lập trình với React

~20-40 phút 2 bước
1
/remotion skill Video creation (skill)

Tạo video lập trình với React và Remotion

2
render Render output

Export ra MP4, GIF hoặc image sequences

/remotion tự động làm gì:
  • Animations và transitions
  • Text animations và captions
  • 3D graphics integration
  • Audio synchronization
💡 Mới trong v2.5: Thay thế /design:video command

Mẹo Chuyên Nghiệp

Tiết kiệm token với /clear
Sử dụng /clear để xóa lịch sử cuộc trò chuyện trước khi bắt đầu triển khai
Tham chiếu file với @
Sử dụng @plan.md để tham chiếu các file cụ thể trong lệnh
Dùng /cook để triển khai
Sau khi lên kế hoạch với `/plan`, chạy `/clear` rồi /cook để triển khai plan của bạn
Scout trước khi code
Sử dụng /scout để tìm nhanh các file liên quan trong codebase của bạn
Debug trước khi sửa
Sử dụng /debug trước để tìm nguyên nhân gốc rễ, sau đó dùng /fix khi đã sẵn sàng
Khám phá lệnh với /ck-help
Gõ /ck-help để xem tất cả 60+ lệnh được tổ chức theo danh mục

Hướng Dẫn Liên Quan

Bảng Lệnh Nhanh

Tham khảo đầy đủ các commands với mức độ phức tạp
Tìm Lệnh Phù Hợp

Sơ đồ quyết định tương tác để chọn command

Cần thêm quy trình? Xem tài liệu đầy đủ từ trang web chính thức của Claudekit.