Chuyển tới nội dung

Claude Code & ClaudeKit

Hướng Dẫn Cài Đặt và Lập Trình Agentic Toàn Diện

Trong kỷ nguyên AI hỗ trợ lập trình, chúng ta không còn chỉ dừng lại ở việc “copy-paste” code từ ChatGPT. Claude Code (từ Anthropic) và ClaudeKit là bộ đôi công cụ đưa AI trực tiếp vào terminal của bạn, biến nó thành một “cộng sự” có khả năng đọc file, chạy lệnh và tự sửa lỗi.

1. Claude Code vs ClaudeKit: Chúng là gì?

  • Claude Code: Là công cụ CLI (Command Line Interface) chính thức từ Anthropic. Nó hoạt động như một AI Agent có thể truy cập toàn bộ codebase, thực hiện các thay đổi đa file và chạy test.
  • ClaudeKit: Là một bộ mở rộng (extension layer) mạnh mẽ cho Claude Code. Nó cung cấp các “Kit” chuyên dụng (như Engineer Kit, Marketing Kit), các câu lệnh chéo (slash commands) và các kỹ năng (skills) giúp tự động hóa quy trình làm việc từ lúc lên kế hoạch đến khi deploy.

2. Hướng dẫn cài đặt

Bước 1: Cài đặt Claude Code (Công cụ gốc)

Mở Terminal (macOS/Linux) hoặc PowerShell (Windows) và chạy lệnh cài đặt chính thức:

  • macOS / Linux: curl -fsSL https://claude.ai/install.sh | bash
  • Windows (PowerShell): irm https://claude.ai/install.ps1 | iex

Bước 2: Cài đặt ClaudeKit CLI

ClaudeKit yêu cầu Node.js (v18+) và Git. Để cài đặt bộ công cụ mở rộng này, hãy chạy:

npm install -g claudekit-cli

# Verify installation
ck --version

Bước 3: Đăng nhập và Cấu hình

  1. Claude Code: Gõ lệnh claude lần đầu tiên, terminal sẽ hiện một mã code và mở trình duyệt để bạn đăng nhập tài khoản Anthropic.
  2. ClaudeKit: Nếu bạn đã mua các Kit bản quyền, hãy chạy ck auth login để kết nối với GitHub và tải các template chuyên dụng.

3. Thực hành: Code dự án “Lấy thời tiết của 1 thành phố”

Chúng ta sẽ sử dụng sức mạnh agentic để tạo một ứng dụng quản lý công việc bằng Node.js chỉ với vài câu lệnh.

Khởi tạo dự án

mkdir weather-ai-project
cd weather-ai-project

Mở Antigravity

ck init --kit engineer
claude

Ra lệnh cho AI (Prompting)

Khi ở trong giao diện Claude, bạn hãy nhập yêu cầu sau:

*”Hãy giúp tôi tạo một ứng dụng Node.js đơn giản.

Sử dụng thư viện axios để lấy thời tiết của một thành phố từ OpenWeatherMap API.”

  1. Sử dụng thư viện axios để lấy thời tiết của một thành phố từ OpenWeatherMAP AIP
  2. Tạo file index.js, file package.js thư viện commander để nhận lệnh từ terminal.
  3. Hướng dẫn tôi cách chạy

Claude Code sẽ thực hiện:

Read 1 file, listed 1 directory (ctrl+o to expand)                                                          
                                                                                                              
● Dự án chưa có gì, tôi sẽ tạo ngay.                                                                          
  
● Write(package.json)                                                                                         
  ⎿  Wrote 12 lines to package.json                                                                           
       1 {                                                                                                           2   "name": "weather-ai-project",                                                                      
       3   "version": "1.0.0",                                                                                       4   "description": "Simple weather app using OpenWeatherMap API",
       5   "main": "index.js",                                                                                
       6   "scripts": {
       7     "start": "node index.js"
       8   },
       9   "dependencies": {
      10     "axios": "^1.7.0"
     … +2 lines (ctrl+o to expand)

● Write(index.js)
  ⎿  Wrote 48 lines to index.js
       1 const axios = require('axios');                                                                             2 
       3 // === CONFIG ===                                                                                           4 const API_KEY = process.env.OPENWEATHER_API_KEY || 'YOUR_API_KEY_HERE';
       5 const CITY = process.argv[2] || 'Hanoi';                                                             
       6 const UNITS = 'metric'; // metric = Celsius, imperial = Fahrenheit
       7 
       8 // === MAIN ===
       9 async function getWeather(city) {
      10   const url = `https://api.openweathermap.org/data/2.5/weather`;
     … +38 lines (ctrl+o to expand)

● Đã tạo xong. Đây là hướng dẫn chạy:

  Cài đặt & Chạy                                                                                              
                                                                                                                1. Cài dependencies:                                                                                        
  npm install                                                                                                 
  
  2. Lấy API key miễn phí:
  - Đăng ký tại https://openweathermap.org/api
  - Copy API key từ dashboard

  3. Chạy app:

  Cách 1 — dùng environment variable (khuyến nghị):
  # Windows CMD
  set OPENWEATHER_API_KEY=your_api_key_here && node index.js Hanoi

  # Windows PowerShell
  $env:OPENWEATHER_API_KEY="your_api_key_here"; node index.js Hanoi

  # macOS/Linux
  OPENWEATHER_API_KEY=your_api_key_here node index.js Hanoi

  Cách 2 — sửa thẳng trong file index.js, thay YOUR_API_KEY_HERE bằng key thật:
  const API_KEY = 'abc123yourkey';
  Sau đó chạy:
  node index.js "Ho Chi Minh City"
  node index.js London
  node index.js Tokyo

  Output mẫu

  === Weather in Hanoi, VN ===
  Condition  : overcast clouds
  Temperature: 28°C (feels like 32°C)
  Humidity   : 75%
  Wind Speed : 3.5 m/s
  Min / Max  : 26°C / 30°C

  ▎ Lưu ý: API key mới đăng ký cần ~10 phút để kích hoạt.

✻ Worked for 35s

Kiểm tra và Sửa lỗi

 weather-ai-project  $env:VISUALCROSSING_API_KEY="9FT4434F3ZCHKYPHE9JX6P5F4"; node index.js Hanoi

=== Weather in Hanoi ===
Condition  : Partially cloudy
Temperature: 29°C (feels like 31.3°C)
Humidity   : 62%
Wind Speed : 11.2 km/h
UV Index   : 3
Visibility : 10 km

Nếu code chạy lỗi, bạn chỉ cần copy lỗi dán vào terminal Claude để Claude sẽ sửa

4. Kết luận

Sự kết hợp giữa Claude Code và ClaudeKit biến Terminal của bạn thành một môi trường phát triển thông minh chưa từng có. Thay vì viết từng dòng code, bạn đóng vai trò là một “Quản lý dự án” đưa ra yêu cầu và kiểm duyệt kết quả từ AI.

Hãy thử bắt đầu với lệnh ck doctor ngay hôm nay để kiểm tra hệ thống của bạn nhé!

Tag:
Liên hệ