TL;DR

Context engineering là điều tách biệt vibe coders tạo ra codebase lộn xộn, không nhất quán với những người tạo ra sản phẩm sạch, có thể duy trì. Khi project phát triển, quản lý context trở thành kỹ năng quan trọng nhất của bạn.

Context Engineering thực sự là gì?

Context engineering là thực hành định hình có chủ ý thông tin nào vào context window của AI trước và trong mỗi prompt. Đây không phải là một thứ - đây là một hệ thống. Hệ thống đó bao gồm rules files, cấu trúc tài liệu dự án, files bạn tham chiếu trong prompts, cách bạn tổ chức codebase, và cách bạn xử lý giới hạn context của AI.

AI với context kém tạo ra code không nhất quán, lỗi thời và mâu thuẫn. AI với context xuất sắc tạo ra code khớp hoàn hảo với patterns của bạn, hiểu kiến trúc, và tránh những lỗi đã biết.

Context engineering stack năm 2026:

  • .cursor/rules/ + CLAUDE.md - hướng dẫn cấp project liên tục

  • Thư mục /docs hoặc /instructions - markdown files ghi lại các quyết định kiến trúc quan trọng

  • Feature spec files - một markdown file cho mỗi major feature

  • Example files - components hiện có được trỏ đến trong prompts như style references

  • Background dev server - chạy npm run dev để AI thấy compile errors và server logs theo thời gian thực

  • Browser automation via MCP - Chrome DevTools MCP hoặc Vercel agent browser

MCP - Model Context Protocol

MCP là tiêu chuẩn mở, được tạo bởi Anthropic, cho phép AI tools kết nối với external data sources - databases, APIs, real-time data, external documentation, và third-party services. Nó hiện được hỗ trợ natively trong Cursor 3.0 (qua Marketplace), Claude Code, và Windsurf.

Hiểu MCP mở khóa level tiếp theo của vibe coding: agents có thể query data thực của bạn, tra cứu tài liệu theo thời gian thực, tương tác với third-party services, và thực hiện actions trong external systems.

MCP trong thực tế:

  • Stripe MCP server cho phép agent đọc và tạo invoices trong Stripe

  • Supabase MCP cho phép agent query live database của bạn trong quá trình development

  • Figma MCP cho phép Cursor agents đọc design file và implement components từ nó

  • GitHub MCP cho phép agents tạo issues, mở PRs và quản lý workflows

  • Qdrant MCP cấp cho agent quyền truy cập vào vector database cho RAG-enabled builds

Tài nguyên:

Figma to Code - Workflow thiết kế chuyên nghiệp

Nếu sản phẩm của bạn cần trông bóng bẩy - không chỉ hoạt động được - Figma - Code workflow là kỹ năng thiết kế có leverage cao nhất trong toolkit của vibe coder. Thay vì mô tả UI bằng văn bản, bạn thiết kế nó visually trong Figma, sau đó để AI tạo code khớp từ design file trực tiếp qua Figma MCP.

Workflow:

  1. Kết nối Figma MCP với Cursor hoặc Claude Code (install từ Cursor Marketplace)

  2. Trong prompt, tham chiếu file Figma: "Study the design tokens in this Figma file. Extract the color palette, font sizes, and spacing into a Tailwind config. Do not write components yet."

  3. Sau khi design tokens được thiết lập, tham chiếu components cụ thể: "Generate the Navbar component from the Figma design. Match the exact spacing, typography, and hover states. Use Tailwind CSS. TypeScript only."

  4. Build từng section, luôn tham chiếu Figma file cho measurements

Tài nguyên:

Vercel AI SDK - Thêm AI vào sản phẩm

Nếu bạn muốn xây dựng sản phẩm dùng AI (không chỉ là sản phẩm build bằng AI), Vercel AI SDK là cách nhanh nhất, gọn nhất để làm điều đó trong Next.js stack.

SDK hỗ trợ 20+ AI providers (OpenAI, Anthropic, Google, Mistral, Groq, v.v.) qua một unified interface. Built-in React hooks (useChat, useCompletion), streaming support, tool calling, và structured generation.

Tài nguyên: Vercel AI SDK Documentation - via Vercel (chính thức, miễn phí)

Thử thách tháng này: lấy một trong các dự án tháng 4 và thêm AI feature vào bằng Vercel AI SDK. Ví dụ: thêm AI-powered auto-tagging cho note-taking app, hoặc AI-generated flashcards từ text được paste.

RAG - Làm cho AI trả lời từ tài liệu của bạn

RAG (Retrieval-Augmented Generation) là kỹ năng cung cấp năng lực cho hầu hết các ứng dụng AI enterprise nghiêm túc: customer support bots, internal knowledge bases, document Q&A tools.

Khái niệm cốt lõi: thay vì yêu cầu LLM trả lời từ training data, bạn retrieve các chunks liên quan từ tài liệu của chính mình và bao gồm chúng trong prompt. Model trả lời từ những gì bạn cung cấp.

Tài nguyên:

Quản lý chi phí Token - Điều không ai nói với bạn cho đến khi hóa đơn đến

Có khoảng cách chi phí 30x giữa budget models và frontier models ở cấp độ per-call. Chạy GPT hay Claude Sonnet 4.6 trên mọi request trong production app có thể spiral từ $20/tháng đến hàng trăm dollars trước khi bạn nhận ra. Uber được báo cáo đã tiêu hết AI coding budget năm 2026 trong 4 tháng từ các Claude Code sessions với large context windows.

Quy tắc quản lý chi phí thực tế:

  • Set hard spending limits trước. Trước khi bất kỳ feature public-facing nào live, đặt monthly caps trong dashboards của OpenAI và Anthropic.

  • Route theo task complexity. Dùng claude-haiku hoặc gpt-mini cho classification, tagging, summarization. Giữ Sonnet 4.6/Opus/GPT flagship cho reasoning-heavy operations. Chênh lệch chi phí 10x với chất lượng output gần như giống nhau cho simple tasks.

  • Dùng /compact command trong Claude Code. Khi context quá dài, chạy /compact thủ công trước task lớn. Claude Code tự động compress history context 60-80%.

  • Giữ context windows ngắn. Mỗi lần double context length - double chi phí. Bắt đầu conversation mới cho features mới.

  • Cache repeated identical prompts. Anthropic's prompt caching tính 10% input token price cho cache hits.

Milestone tháng 5

Cuối tháng này: cấu trúc bất kỳ dự án nào để AI luôn có context đúng từ đầu, dùng MCP kết nối Cursor hoặc Claude Code với external data sources, tích hợp AI features vào sản phẩm live bằng Vercel AI SDK, build RAG pipeline cơ bản, và có active cost monitoring trên mọi AI API account.

Kết

Tháng 5 là nơi bạn chuyển từ vibe coder sang agentic engineer. Context engineering và MCP không phải là kỹ thuật nâng cao - chúng là nền tảng của cách phát triển phần mềm với AI đang hướng tới.

Phần cuối (P6) bao gồm tháng 6: deploy chuyên nghiệp, monitoring, 3 hướng đi, và bonus về mobile development.