Claude Code v2.1.76–v2.1.86: Những tính năng mới frontend dev cần thử ngay

Tuần này Claude Code update không kịp thở — đây là những gì đáng để ý

Anthropic vừa đẩy liên tiếp từ v2.1.76 đến v2.1.86 của Claude Code trong một tuần. Tốc độ ra bản vá nhanh đến mức nếu không theo dõi release notes thường xuyên, bạn sẽ miss khá nhiều thứ hữu ích. Tôi đã đọc qua tất cả và đây là những gì thực sự ảnh hưởng đến frontend workflow.

1. MCP Elicitation — AI biết hỏi lại thay vì đoán mò

Feature thú vị nhất trong v2.1.76: MCP Elicitation cho phép MCP server hiển thị dialog hỏi người dùng thêm thông tin giữa chừng khi đang thực hiện task. Nghe có vẻ nhỏ nhặt nhưng giải quyết một pain point khá lớn.

Trước đây khi dùng MCP tool để generate component, AI sẽ đoán assumptions dựa trên context — đôi khi đúng, đôi khi cần chỉnh lại. Với Elicitation, MCP server có thể chủ động hỏi đúng lúc cần:

// Ví dụ flow với MCP Elicitation
// Bạn: "Tạo form đăng ký cho tôi"
//
// MCP tool hiển thị dialog:
// ┌─────────────────────────────────┐
// │ Component type?                 │
// │ ○ Controlled (useState)         │
// │ ○ Uncontrolled (useRef)         │
// │ ○ React Hook Form               │
// └─────────────────────────────────┘
//
// → AI generate đúng thứ bạn muốn ngay lần đầu

Nếu team bạn đang xây dựng custom MCP server cho internal tooling, đây là tính năng đáng integrate để improve UX đáng kể. Code có thể dùng ElicitationRequest và ElicitationResponse event types mới được thêm vào.

2. Token limits tăng gấp đôi — Refactor lớn không còn bị cắt ngang

V2.1.77 tăng default maximum output token lên 64k cho Opus 4.6 và upper bound lên 128k cho cả Opus và Sonnet 4.6. Với frontend dev điều này có nghĩa thực tế:

• Generate toàn bộ complex page component (header, sidebar, main content, modals) trong một lần mà không bị truncate
• Refactor file TypeScript dài 500+ dòng mà không phải chia nhỏ thủ công
• Nhận comprehensive test suite cho cả một module, không phải từng file riêng lẻ
• Code review chi tiết cho large PR mà không mất context

Tôi đã test với một DataTable component phức tạp (~800 dòng TypeScript). Trước đây hay bị cắt ở đoạn giữa, giờ chạy xuyên suốt không vấn đề gì.

3. --bare flag — Tích hợp Claude Code vào CI/CD pipeline

V2.1.81 thêm flag --bare cho scripted -p calls. Flag này bỏ qua hooks, LSP, plugin sync, và skill directory walks — chạy nhanh hơn đáng kể cho automation context.

#!/bin/bash
# .github/scripts/ai-review.sh
# Tự động review PR với Claude Code trong CI

DIFF=$(git diff origin/main...HEAD -- "*.tsx" "*.ts" "*.css")

if [ -z "$DIFF" ]; then
  echo "No frontend files changed"
  exit 0
fi

REVIEW=$(echo "$DIFF" | claude -p --bare "
You are a senior frontend engineer reviewing a pull request.
Analyze this diff and provide feedback on:
1. TypeScript type safety issues
2. React performance problems (unnecessary re-renders, missing useCallback/useMemo)
3. Accessibility concerns
4. CSS specificity or responsiveness issues
5. Missing error boundaries or loading states

Format as markdown bullet points. Be concise and actionable.
")

# Post comment lên GitHub PR
gh pr comment $PR_NUMBER --body "## AI Code Review

$REVIEW

*Generated by Claude Code --bare*"

Lưu ý: --bare yêu cầu ANTHROPIC_API_KEY hoặc apiKeyHelper qua --settings, không dùng được với OAuth session. Nhưng trong CI context thì đây chính xác là setup bạn muốn.

4. Rate limit visibility — Biết còn bao nhiêu quota trước khi bắt đầu task lớn

V2.1.80 thêm field rate_limits vào statusline scripts. Nếu bạn dùng Claude.ai subscription (không phải API key), giờ có thể thấy mức dùng theo cửa sổ 5 giờ và 7 ngày:

// Statusline script có thể đọc data này:
{
  "rate_limits": {
    "5h_window": {
      "used_percentage": 67,
      "resets_at": "2026-03-29T13:00:00Z"
    },
    "7d_window": {
      "used_percentage": 23,
      "resets_at": "2026-04-04T08:00:00Z"
    }
  }
}

// Ví dụ hiển thị trong tmux status bar:
// [Claude: 67% | resets 13:00]

Hữu ích để tránh bắt đầu một refactor lớn khi quota gần hết — điều tôi đã gặp không ít lần và phải ngồi chờ reset.

Tổng kết

Tốc độ cải thiện của Claude Code đang rất ấn tượng. Những feature này không chỉ là quality-of-life — chúng đang mở rộng phạm vi những gì AI có thể làm trong real frontend workflows. MCP Elicitation đặc biệt thú vị vì nó giải quyết đúng vào điểm yếu cốt lõi: AI đoán sai assumptions là nguồn gốc của hầu hết các lần phải chỉnh sửa lại.

Chạy npm update -g @anthropic-ai/claude-code để lấy phiên bản mới nhất và thử nghiệm các tính năng này.