TROISINH
Sử dụng thực chiếnSlash Commands & Workflow hàng ngày

55+ Slash Commands trong Claude Code: Hướng dẫn từ A-Z và workflow thực chiến

55+ slash commands Claude Code từ A-Z: /plan, /commit, /batch giúp bạn tự động hóa mọi workflow phát triển. Hướng dẫn thực chiến cho dev Việt.

Định nghĩa

Slash commands trong Claude Code là các workflow tự động được kích hoạt bằng cách gõ / theo sau là từ khóa, biến các thao tác phức tạp (lập kế hoạch, commit git, debug, refactor hàng loạt) thành những tương tác đơn giản như chat với đồng nghiệp senior.

Giải thích chi tiết

Triết lý thiết kế: Workflow thay vì lệnh đơn lẻ

Khác với CLI truyền thống nơi mỗi lệnh là một hành động cô lập (git add, git commit), slash commands trong Claude Code là các kịch bản hoàn chỉnh (playbooks). Khi bạn gõ /commit, Claude không chỉ chạy git commit mà còn:

  • Kiểm tra diff để hiểu thay đổi
  • Viết commit message theo chuẩn conventional commits
  • Chạy test local để đảm bảo không break build
  • Đề xuất push lên remote nếu mọi thứ xanh

Đây là sự chuyển dịch từ imperative (ra lệnh từng bước) sang declarative (mô tả kết quả mong muốn). Bạn không cần nhớ flag -m hay -a; bạn chỉ cần nói "commit đi" và Claude lo phần còn lại.

4 nhóm slash commands cốt lõi

Nhóm Lập kế hoạch & Khám phá

  • /plan: Tạo roadmap triển khai trước khi chạm vào code, tránh lỗi "code trước nghĩ sau"
  • /research: Khám phá codebase để hiểu architecture và dependencies
  • /explore: Tìm kiếm file liên quan đến task hiện tại dựa trên semantic search

Nhóm Git & Collaboration

  • /commit: Tạo commit thông minh với conventional commits và kiểm tra chất lượng
  • /pr: Chuẩn bị pull request với description tự động và checklist
  • /diff: So sánh và giải thích thay đổi dưới dạng plain English
  • /rebase: Xử lý rebase tương tác, giải quyết conflict tự động khi có thể

Nhóm Code Quality & Refactor

  • /simplify: Review và rút gọn code vừa viết, loại bỏ duplication
  • /debug: Tìm và fix bug qua nhiều bước tương tác với stack trace
  • /test: Tạo unit test tự động dựa trên implementation vừa viết
  • /refactor: Restructure code mà không đổi behavior bên ngoài
  • /batch: Xử lý hàng loạt file song song bằng git worktrees

Nhóm Tự động hóa nâng cao

  • /loop: Lặp lại task theo interval (ví dụ: chạy test mỗi 5 phút)
  • /schedule: Lên lịch task chạy sau (cron-style) trong 1 tuần tới
  • /agents: Quản lý và delegate cho subagents chuyên biệt
  • /voice: Kích hoạt voice dictation để code bằng giọng nói

Cơ chế kích hoạt và mở rộng

Khi gõ /, Claude hiển thị menu gợi ý với mô tả ngắn gọn. Mỗi command thực chất là một file Markdown trong thư mục .claude/commands/ (hoặc ~/.claude/commands/ cho global) với YAML frontmatter định nghĩa:

  • name: Tên lệnh sau dấu /
  • description: Mô tả hiển thị trong menu (quyết định Claude có đề xuất tự động không)
  • instruction: Prompt chi tiết Claude sẽ thực thi khi lệnh được gọi

Điều này có nghĩa bạn hoàn toàn có thể tạo slash command riêng cho team, ví dụ /deploy-vn để deploy lên server Việt Nam theo quy trình nội bộ.

Ví dụ thực tế

Tích hợp VietQR với /plan (Think Before You Code)

Bạn nhận task thêm tính năng "Thanh toán qua VietQR" cho app đặt xe kiểu Grab. Thay vì mở editor ngay:

$ claude
> /plan Thêm chức năng thanh toán VietQR cho đơn hàng, cần tuân thủ chuẩn QR Code VietNam Payment Standards (VPS) và xử lý callback từ ngân hàng như Vietcombank, Techcombank

Claude sẽ:

  1. Đọc model Order và schema hiện tại
  2. Kiểm tra dependencies (có thư viện tạo VietQR nào phù hợp chưa, ví dụ vietqr-js hay dùng API VietQR.io)
  3. Tạo checklist 8 bước: Setup thư viện → Tạo service object VietQRGenerator → Xử lý encoding UTF-8 cho tên chủ tài khoản có dấu → API endpoint nhận callback → Webhook verify signature → Cập nhật trạng thái đơn hàng → Test với QR mẫu Vietcombank → Validate số tiền VND đúng format
  4. Cảnh báo risk: Encoding tiếng Việt trong QR, xử lý timeout callback ngân hàng (thường 5-15 phút)
  5. Chờ bạn approve plan trước khi chạm vào file nào

Kết quả: Tránh refactor lại sau 2 tiếng vì thiếu bước xử lý tên có dấu (dấu tiếng Việt trong QR code hay bị lỗi font), đồng thời có checklist để check progress.

Git workflow chuyên nghiệp với /commit

Bạn vừa fix xong bug "hiển thị sai format tiền VND trên app Shopee-like, ví dụ 1500000 hiển thị thành 1,500,00 thay vì 1.500.000". Thay vì:

$ git add .
$ git commit -m "fix bug"  # Commit message kém, không có context

Bạn dùng:

> /commit

Claude thực hiện:

  1. git diff --cachedgit diff để xem toàn bộ thay đổi
  2. Phân tích: "Sửa hàm formatVND trong src/utils/currency.js để dùng toLocaleString('vi-VN') thay vì en-US, cập nhật 3 test case trong tests/unit/currency.test.js"
  3. Đề xuất message: fix(currency): correct VND formatting with Vietnamese locale
  4. Chạy npm test currency để verify test pass
  5. Commit với message trên và đề xuất: git push origin fix/vnd-formatting

Nếu muốn tự động hóa CI pipeline cho team nhỏ:

> /loop 30m /commit --auto-push
# Tự động commit và push mỗi 30 phút nếu detect thay đổi, phù hợp với vibe coding sessions

Debug lỗi giỏ hàng Tiki với /debug

Bạn đang build app thương mại điện tử Next.js và gặp lỗi hydration mismatch khó chịu ở component CartSummary (hiển thị tổng tiền giỏ hàng):

> /debug Lỗi hydration mismatch trong CartSummary khi render server-side, có vẻ liên quan đến format số tiền VND hoặc kiểm tra đăng nhập

Claude thực hiện investigation:

  1. Đọc components/CartSummary.jsxpages/cart.js
  2. Search toàn bộ codebase cho localStorage, useEffect, window, navigator
  3. Phát hiện: "Dòng 38 dùng localStorage.getItem('cart_items') trực tiếp trong render, gây mismatch giữa server (không có localStorage) và client (có localStorage). Cần wrap trong useEffect hoặc dùng typeof window !== 'undefined'"
  4. Đề xuất fix: Tạo hook useLocalStorage an toàn cho SSR, đồng thời thêm skeleton loading cho giá tiền
  5. Chạy npm run build để verify không còn lỗi hydration

Thay vì 30 phút Google StackOverflow và đọc tài liệu Next.js, bạn có root cause và fix trong 90 giây.

Ứng dụng

Developer Frontend (React/Vue/Angular)

  • /simplify: Sau khi viết xong component phức tạp 200 dòng (ví dụ bộ lọc sản phẩm kiểu Shopee), dùng để tách thành hooks/composables nhỏ gọn
  • /chrome: Kết hợp với Chrome Extension để test UI trực tiếp trên browser
  • /batch: Thêm TypeScript types cho cả thư mục src/components/ một lúc thay vì từng file

Developer Backend (Node.js/Python/Go)

  • /test: Generate test case cho API endpoints vừa viết với các edge case (empty array, unicode tiếng Việt, payload lớn)
  • /security: Scan code vừa viết để tìm SQL injection, XSS, hay hardcoded secrets (cảnh báo nếu commit chứa MOMO_PARTNER_CODE hay VIETQR_API_KEY)
  • /pr: Tạo pull request với description chi tiết cho reviewer, attach ảnh chụp API response

DevOps/Platform Engineer

  • /loop 5m /babysit: Theo dõi PR queue, tự động rebase và shepherd PRs đến production khi CI xanh
  • /schedule "daily at 9am" /health-check: Kiểm tra deployment health mỗi sáng và post kết quả lên Slack channel #dev-vn

Product Manager (Non-coder)

  • /init: Khởi tạo project mới từ mô tả tiếng Việt, tạo cấu trúc thư mục và README
  • /explain: Giải thích codebase hiện tại để viết spec mới chính xác hơn
  • /simplify: Rút gọn code review cho stakeholders dưới dạng bullet points tiếng Việt

Freelancer/Indie Hacker làm việc với nhiều client

  • Dùng CLAUDE.md để lưu conventions riêng cho từng client (một client dùng tab, một dùng space), kết hợp /commit để đảm bảo mỗi client có style commit khác nhau (một client dùng Angular commits, một client dùng Gitmoji)
  • /loop /check-dependencies: Tự động cập nhật npm packages hàng tuần cho tất cả project đang maintain (ví dụ cập nhật vietqr-js phiên bản mới)

So sánh

Đặc điểmSlash CommandsCLI truyền thống (git, npm)IDE Copilot (tab completion)
Mức độ tự độngWorkflow hoàn chỉnh (multi-step, có kiểm tra)Single commandReal-time suggestion
Tương tácConversational (hỏi-đáp, có thể bổ sung yêu cầu)One-shotPassive (chờ bạn trigger)
Context awarenessHiểu toàn bộ project via MCP và memoryChỉ thư mục hiện tạiFile hiện tại và imports
Khả năng tùy biếnTạo command mới bằng Markdown + YAMLViết shell scriptGiới hạn bởi IDE settings
Undo/Rewind/rewind để rollback nhiều file cùng lúcgit revert (thủ công từng file)Không có

Kết luận: Slash commands là lớp abstraction cao hơn CLI - thay vì nhớ cú pháp git rebase -i HEAD~3 --onto main, bạn chỉ cần nói /rebase và Claude sẽ hướng dẫn tương tác, xử lý conflict và giải thích từng bước. Khác với IDE Copilot chỉ gợi ý từng dòng code, slash commands điều phối cả quy trình làm việc từ đầu đến cuối.

Bài viết liên quan

Cùng cụm (daily-workflow):

Đọc tiếp:

  • Skills là gì? — Hiểu sâu hơn về cơ chế auto-invoke và phân biệt Skills vs Slash Commands
  • MCP là gì? — Cách slash commands kết nối với thế giới bên ngoài qua Model Context Protocol
  • Tạo Custom Skill — Hướng dẫn viết file SKILL.md để tạo slash command riêng cho team hoặc cá nhân

On this page