Quay lại Inside ClaudeKit

Getting Started

Bắt đầu với Claude Code & ClaudeKit Engineer Kit

Claude Code là môi trường lập trình agentic từ Anthropic. ClaudeKit Engineer Kit biến Claude từ assistant thành development partner với hệ thống skills, hooks, và workflows.

Claude Code là gì?

  • Môi trường lập trình agentic: đọc files, chạy commands, tự động giải quyết problems.
  • Constraint quan trọng: context window sẽ đầy dần → hiệu suất giảm. Dùng /clear giữa các tasks không liên quan.
  • Claude Code hoạt động tốt nhất khi bạn hiểu cách nó quản lý context.

ClaudeKit Engineer Kit là gì?

  • Một thư mục .claude/ chứa workflow templates: Skills, Hooks, Agents, Rules.
  • Philosophy: YAGNI + KISS + DRY — đơn giản hóa công việc, không thêm complexity.
  • Engineer Kit biến Claude từ assistant thành development partner thực sự.

Cơ chế Load Memory

Claude đọc và nối (concatenate) các file theo thứ tự, từ global → project → path-specific:

1
~/.claude/CLAUDE.md Global — mọi project
2
./CLAUDE.md + CLAUDE.local.md Project root
3
.claude/rules/*.md Rules theo topic (lazy-load nếu có paths)
→ Session Context (đã nối)

Tip: Giữ CLAUDE.md < 200 dòng. Tách domain rules (api, testing, security) sang .claude/rules/ để tránh context bloat.

Sự khác biệt: CLAUDE.md vs rules/

CLAUDE.md .claude/rules/*.md
Instructions chung cho toàn project Instructions modular, chia theo topic/path
Luôn load vào context từ launch Không paths: load từ launch · Có paths: lazy-load khi match files
Target: under 200 dòng Mỗi file một topic (code-style.md, testing.md...)
Build commands, conventions tổng quan Domain rules: API, frontend, security, DB...
Một file duy nhất Nhiều files, subdirectories recursive
Path-specific rules

Dùng YAML frontmatter với field paths để rule chỉ active khi Claude đụng files match:

# .claude/rules/api-design.md
---
paths:
- "src/api/**/*.ts"
- "src/server/**/*.ts"
---

Rules không có paths field load unconditionally. Có paths thì trigger khi Claude read files match pattern.

Best Practices khi tạo rules

NÊN LÀM

  • Chia rules theo domain/concern (i18n-rules.md, testing-rules.md...)
  • Viết ngắn gọn, bullet/checklist — Claude parse nhanh
  • Kebab-case, tên mô tả rõ (api-error-handling.md)
  • Include examples (good vs bad)
  • Reference paths chính xác khi apply cho folder cụ thể

KHÔNG NÊN

  • Viết rules dài dòng như documentation
  • Duplicate content giữa CLAUDE.md và rules/
  • Tạo rules cho những thứ YAGNI (1-time use)

7 lệnh core cho người mới

1
/ck:brainstorm Khám phá ý tưởng và giải pháp trước khi code
2
/ck:plan Tạo implementation plan chi tiết với phases
3
/ck:cook Execute plan — build features theo từng bước
4
/ck:fix Debug và fix bugs một cách có hệ thống
5
/ck:ask Hỏi đáp nhanh về code hoặc architecture
6
/ck:test Chạy tests và phân tích coverage
7
/ck:watzup Xem tóm tắt những gì đã làm trong session

Nên làm

  • Cho Claude tiêu chí verify rõ ràng để nó tự kiểm tra kết quả.
  • Theo flow: Brainstorm → Plan → Cook — không nhảy thẳng vào code.
  • Cung cấp context cụ thể: file paths, error messages, expected behavior.
  • Clear context thường xuyên giữa các tasks không liên quan.

Không nên làm

  • Kitchen-sink sessions: dồn quá nhiều tasks vào một session.
  • Sửa đi sửa lại mà không clear context → Claude lặp lại sai lầm.
  • Bỏ qua planning, nhảy thẳng vào implementation.
  • Trust without verify — luôn kiểm tra output của Claude.
  • Prompts mơ hồ: "fix this" thay vì mô tả cụ thể vấn đề.

Use Cases Thực Tế

1 Build feature mới Beginner

Thêm user settings page với dark mode toggle

/ck:brainstorm User settings page với dark mode toggle
→ brainstorm-report.md
/clear
/ck:plan plans/.../brainstorm-report.md
→ plan.md + phase-*.md
/clear
/ck:cook plans/.../plan.md
2 Fix bug nhanh Beginner

Form validation không show error message

/ck:fix Form validation trong src/components/LoginForm.tsx không hiện error message khi email invalid
3 Onboard codebase Intermediate

Join team mới, cần hiểu codebase nhanh

/ck:scout src/
/ck:ask Authentication flow hoạt động thế nào? Tokens lưu ở đâu?

→ 30 phút thay vì 2 ngày

4 Refactor an toàn Intermediate

Module cũ 500 LOC cần cleanup

/ck:ask Analyze src/legacy/user.js — Hidden deps? Side effects?
/ck:plan Refactor user.js thành modules, giữ nguyên API

Đọc thêm chi tiết

Đọc bài viết đầy đủ để hiểu sâu hơn về workflow patterns, skills roadmap theo tuần, và cheat sheet →

Đọc bài viết đầy đủ