34 Mẹo Sử Dụng Claude Code

# Claude Code có thể thực hiện tất cả các thao tác CLI tiêu chuẩn
claude --help
claude --version
claude --list-sessions

# Truyền trực tiếp prompt để thực hiện nhiệm vụ
claude -P "phân tích package.json và liệt kê tất cả các phụ thuộc"

# Chế độ không tương tác, xuất kết quả trực tiếp
claude -P "tạo một component React" --no-interactive

# Kết hợp với các công cụ khác
git diff | claude -P "giải thích những thay đổi code này"
npm test 2>&1 | claude -P "phân tích nguyên nhân test thất bại"

# Truyền dữ liệu qua đường ống
cat error.log | claude -P "phân tích log lỗi và đưa ra giải pháp"
curl https://api.example.com | claude -P "phân tích phản hồi API này"

# Terminal 1
claude --session frontend-work

# Terminal 2
claude --session backend-api

# Terminal 3
claude --session testing

Vui lòng chạy test trong một instance Claude mới và báo cáo kết quả cho tôi.

[Dán hình thiết kế]
Vui lòng tạo component React tương ứng với thiết kế này, bao gồm:
- Layout responsive
- Tương thích mobile
- Sử dụng Tailwind CSS

// Ví dụ script tự động chụp màn hình
const puppeteer = require('puppeteer')

async function captureScreenshots() {
  const browser = await puppeteer.launch()
  const page = await browser.newPage()

  // Chụp ảnh các trạng thái khác nhau
  await page.goto('https://localhost:3000')
  await page.screenshot({ path: 'homepage.png' })

  await page.click('.login-button')
  await page.screenshot({ path: 'login-page.png' })

  await browser.close()
}

Vui lòng phân tích tất cả ảnh chụp trong thư mục screenshots/, xác định những chỗ UI không nhất quán.

// Ví dụ cấu hình MCP
{
  "mcpServers": {
    "postgres": {
      "command": "npx",
      "args": ["@modelcontextprotocol/server-postgres"]
    }
  }
}

Sau khi kết nối cơ sở dữ liệu, vui lòng:
1. Phân tích cấu trúc bảng hiện có
2. Tạo định nghĩa kiểu TypeScript
3. Tạo giao diện CRUD API

Vui lòng lấy tài liệu Workers API mới nhất từ Cloudflare MCP và tạo một dự án mẫu.

https://docs.example.com/api/v2

Vui lòng tạo TypeScript SDK tương ứng dựa trên tài liệu trên.

https://en.wikipedia.org/wiki/Chess_rules

Dựa trên các quy tắc trên, triển khai logic cốt lõi của trò chơi cờ vua quốc tế.

# Ví dụ cấu trúc CLAUDE.md

## Tổng Quan Dự Án

Mô tả ngắn gọn mục đích dự án và stack công nghệ

## Quy Chuẩn Phát Triển

- Hướng dẫn style code
- Quy ước đặt tên
- Cấu trúc tổ chức file

## Lệnh Thường Dùng

Liệt kê các lệnh thường dùng trong dự án

## Lưu Ý

Các lưu ý và hạn chế cụ thể của dự án

# Chạy trong thư mục gốc dự án
> /init

# Claude Code sẽ phân tích dự án và tạo file cấu hình

## Quy Tắc Dự Án

- Tất cả phản hồi API phải bao gồm trường status và data
- Sử dụng camelCase cho biến, PascalCase cho component
- Cấm sử dụng kiểu any, phải định nghĩa kiểu TypeScript rõ ràng

## Template Code

### Template Component React

\```tsx
import React from 'react';

interface Props {
// định nghĩa props
}

export const ComponentName: React.FC<Props> = ({ }) => {
return <div></div>;
};
\```

## Bản Ghi Quyết Định Kiến Trúc

### ADR-001: Sử Dụng Redux Toolkit

- **Ngày**: 2024-01-15
- **Quyết định**: Áp dụng Redux Toolkit làm giải pháp quản lý state
- **Lý do**: Đơn giản hóa việc sử dụng Redux, giảm boilerplate code

## Phụ Thuộc Chính

| Tên gói | Phiên bản | Mục đích | Lưu ý          |
| ------- | --------- | -------- | -------------- |
| react   | ^18.0.0   | UI framework | Sử dụng tính năng concurrent |
| next    | ^14.0.0   | Full-stack framework | App Router     |

## Chiến Lược Kiểm Tra

- Độ bao phủ unit test > 80%
- Tất cả endpoint API phải có integration test
- Sử dụng Jest + React Testing Library
- E2E test sử dụng Playwright

// .claude/commands/test-all.js
module.exports = {
  name: 'test-all',
  description: 'Chạy tất cả test và tạo báo cáo độ bao phủ',
  execute: async () => {
    await runCommand('npm test -- --coverage')
    await runCommand('npm run e2e')
  }
}

// .claude/commands/aliases.js
module.exports = {
  c: 'commit',
  p: 'push',
  ta: 'test-all',
  dev: 'npm run dev'
}

// .claude/commands/deploy.js
module.exports = {
  name: 'deploy',
  description: 'Quy trình triển khai đầy đủ',
  execute: async () => {
    await runCommand('npm test')
    await runCommand('npm run build')
    await runCommand('npm run deploy:prod')
  }
}

// .claude/commands/create-component.js
module.exports = {
  name: 'create-component',
  description: 'Tạo component mới',
  parameters: ['name', 'type'],
  execute: async (name, type = 'functional') => {
    // Tạo component dựa trên tham số
  }
}

// .claude/commands/smart-test.js
module.exports = {
  name: 'smart-test',
  execute: async () => {
    const files = await getChangedFiles()
    if (files.some((f) => f.endsWith('.tsx'))) {
      await runCommand('npm run test:components')
    }
    if (files.some((f) => f.includes('api/'))) {
      await runCommand('npm run test:api')
    }
  }
}

// .claude/commands/scaffold.js
module.exports = {
  name: 'scaffold',
  interactive: true,
  execute: async () => {
    const type = await prompt('Chọn loại: component/page/api')
    const name = await prompt('Nhập tên:')
    // Tạo code dựa trên đầu vào
  }
}

# Tạo workspace phát triển frontend
claude --workspace frontend --dir ./src/components

# Tạo workspace phát triển backend
claude --workspace backend --dir ./src/api

# Tạo workspace testing
claude --workspace testing --dir ./tests

# Xem lịch sử session
claude --history

# Khôi phục session cụ thể
claude --resume <session-id>

# Xuất bản ghi session
claude --export-session > session-backup.json