MCP trong Context Engineering, Workflow nghiên cứu với MCP, giới thiệu OpenCode & hé lộ bài cuối series "Vibe Coding cùng Claude Code"

Mời các bạn đọc qua những pha "fck around and find out" trong tuần vừa rồi của mình.

Cuối tuần mình giành thời gian “ăn chơi nhảy múa” cho sinh nhật của bé út nhà mình nên giờ mới có thời gian để viết bài.

Wrap up tuần của mình có các chủ đề sau:

• Meet up “Vibe Coding trong Doanh Nghiệp” vừa rồi

• Cập nhật về “Human MCP”

• MCP: Cung nhiều hơn cầu?

• Chia sẻ workflow nghiên cứu với MCP trong Claude app

• Sử dụng MCP trong Context Engineering

• OpenCode: Mạnh mẽ như Claude Code, nhưng mã nguồn mở!

Cuối cùng là: Hé lộ nội dung bài cuối cùng của series "Vibe Coding cùng Claude Code" 😁

LFG!

Meet up “Vibe Coding trong Doanh Nghiệp”

Tuần rồi mình có tham gia speaker trong meet up này, đây là chủ đề thú vị và trendy, nhưng mình nghĩ đa phần mọi người đang đến vì “tò mò” nhiều hơn dù >60% vote là để “xì tạt ấp” hehe, nhưng lại có đến hơn nửa số người tham dự vote “Chưa dám hoặc chưa bao giờ thử Vibe Coding”:

Meet up này được tổ chức bởi AI Transformers do Duc Nguyen và Minh Hoang khởi xướng, nhờ các bạn rất tâm huyết nên buổi meet up diễn ra suôn sẻ và thành công tốt đẹp.

Tui chủ yếu đóng vai tấu hài là chính chứ không giúp được gì nhiều, còn về phần dẫn dắt và demo Minh đã hoàn thành rất tốt, rất trực quan và gần gũi, giúp cho ai cũng có thể hiểu và bắt đầu “vibe coding” ngay được.

Tui chỉ khuyên thật lòng là mọi người nên bắt đầu “vibe coding” để thử nghiệm nhanh hơn, validate ý tưởng nhanh hơn, thất bại nhanh hơn, rẻ hơn và tìm ra thứ hiệu quả nhanh hơn. Sau khi đã validate được market, phần còn lại hãy để cho “chuyên gia” (developers) xử lý, chứ thời gian đâu mà ngồi cắm mặt vào code, học thêm mấy cái coding nữa nhức đầu lắm, để thời gian tập trung cho những thứ quan trọng hơn, như kiếm $ chẳng hạn 😁

(Ý tui là mấy bạn cứ thuê dev tụi tui làm cho nè haha)

Khá đáng tiếc là do communicate không rõ ràng với bạn quay chụp từ đầu nên chỉ có hình mà không có record của buổi này. Thôi đành hẹn lại buổi khác, lần đầu tổ chức nên có điều chi sơ xuất mong cả nhà “liệu hồn” tha thứ 😂

—

Sau khi giành thời gian tổ chức sinh nhật cho bé út thì mình cũng còn chút thời gian chủ nhật để tranh thủ cập nhật thêm một số tools cho cái “Human MCP” hôm trước.

Human MCP: Bringing human capabilities to coding agents

Ngoài tool “Eyes” với khả năng mô tả chi tiết các thành phần trong hình ảnh.

Các tools mới vừa được thêm vào:

• Eyes: Document Understanding - có thể đọc hiểu rất nhiều định dạng file document như: PDF, Word, Excel, PowerPoint,... dùng để đọc paper khi nghiên cứu khá tốt.

• Mouth: Speech Generation - tạo âm thanh voice với hơn 30+ options, hỗ trợ 24 ngôn ngữ, cùng những prompt mẫu

• Hands: Creative Content Creation - tạo hình ảnh sử dụng API của Gemini Nano Banana, khá tiện trong việc tạo hình ảnh mẫu khi phát triển giao diện, hoặc đơn giản chỉ là tạo hình ảnh khi dùng trong Claude Desktop

MCP này mình open source, bạn chỉ cần cắm vào công cụ AI với Gemini API Key của mình rồi dùng thôi.

• NPM: https://www.npmjs.com/package/@goonnguyen/human-mcp

• Github: https://github.com/mrgoonie/human-mcp

Nếu bạn có ý tưởng nào hay, contribute vào MCP này cho vui nghen!

—

MCP: Cung nhiều hơn cầu?

Mình có đọc được post của Thắng trên Facebook:

Mình hoàn toàn đồng ý với quan điểm này, những ai biết khai thác MCP sẽ "nâng cấp" workflow của mình lên rất nhiều, MCP rất mạnh mẽ nhưng chỉ dành cho những ai hiểu & biết tận dụng.

Đáng tiếc là nhiều người dùng phổ thông vẫn chưa biết đến hoặc chưa biết cách dùng MCP.

Theo mình thì lý do là phần cấu hình MCP trong các công cụ AI còn quá kỹ thuật so với người dùng phổ thông, users bình thường còn k biết json là gì nữa thì làm sao cài đặt được 😁

Hy vọng mai mốt UI/UX sẽ mượt hơn, chứ có nhìu MCP cũng hay phết!

Bạn nào muốn tìm hiểu thêm về MCP không nhỉ? Nếu có thì comment phía dưới nha, mình sẽ sắp xếp làm một buổi webinar cho chủ đề này nếu có đủ lượng quan tâm nhất định.

—

Giới thiệu một workflow với MCP mà mình hay dùng, cũng trong trong buổi meet up “Vibe Coding trong doanh nghiệp” hôm nọ mình đã chia sẻ về workflow này, khá bất ngờ là nhiều bạn cũng chưa từng nghĩ đến và tỏ ra hứng thú:

Đọc và phân tích Youtube video

Có lẽ nhiều bạn thích xem video hơn vì nó trực quan, nhưng mình hơi “old school” tí nên lại thích đọc hơn, vả lại việc xem 10-20' cho mỗi video đối với mình nó là một điều khá xa xỉ.

Cho nên mình thường dùng VidCap MCP để lấy transcript của video, sau đó yêu cầu AI trích xuất các keywords chính ra rồi tìm thêm trên internet để kiểm chứng các luận điểm của tác giả, rồi viết lại thành bài hoàn chỉnh. Lúc này chỉ tốn vài chục giây để đọc qua là có thể nắm được nội dung chi tiết.

Cách làm cụ thể như sau (mình dùng Claude):

1. Truy cập VidCap.xyz: login và tạo API key > Copy API Key này và paste vào bước tiếp theo.

2. Cài đặt VidCap MCP vào Claude: mở Settings > Developer > Local MCP servers > bấm “Edit Config”

   Thêm nội dung sau vào file `claude_desktop_config.json`:

   {
     "mcpServers": {
       "vidcap": {
         "command": "npx",
         "args": ["vidcap-mcp-server"],
         "env": {
           "VIDCAP_API_KEY": "your_api_key_here"
         }
       }
     }
   }

3. Lưu file và tắt đi. Để kiểm tra xem MCP server đã cài đặt thành công chưa, vào Settings > Connectors bạn sẽ thấy “vidcap”, bấm vào “Configure” sẽ thấy các công cụ như hình:

Mình chỉ dùng công cụ “getCaption” và “getSummary” thôi nên tắt bớt mấy cái tools khác cho đỡ rối.

4. Tạo project trong Claude app với instructions như sau:

   - Nếu bạn chỉ nhận được URL (website, youtube video,...) hoặc hình ảnh, hãy đọc nội dung chi tiết đầy đủ, phân tích, nghiên cứu và viết lại theo góc nhìn và phong cách viết của bạn
   - Dùng công cụ `getCaption` (không cần `locale` params) để đọc toàn bộ transcript của Youtube video
   - Luôn tìm thêm nhiều thông tin và dẫn chứng trên internet với nhiều từ khoá khác nhau để bổ sung đính kèm vào các luận điểm trong phản hồi
   - Luôn đính kèm trích dẫn tìm được vào phần cuối cùng của phản hồi
   - Tìm các dẫn chứng có độ tin cậy cao, phản ánh đúng tình hình, số liệu rõ ràng cụ thể
   - Luôn thẳng thắng và trung thực
   - Format bài viết dưới dạng Markdow

Vậy là xong, từ nay chỉ cần gửi Youtube URL vào project này của Claude là sẽ đọc được bài viết hoàn chỉnh với đầy đủ insights.

Ngoài ra mình còn dùng thêm MCP khác là ReviewWebsite MCP để đọc các đường dẫn bị chặn nữa, vì Claude mặc định sẽ không thể đọc URL của một số nguồn (ví dụ như X hay Reddit).

---

Sử dụng MCP trong Context Engineering

Trước đây mình sử dụng các MCP này trong Claude Code:

• Context7

• Serena

• Memory

• Sequential Thinking

• PostgreSQL

• Github

• Chrome (hoặc Playwright)

Tuy nhiên những MCP này làm phình to cửa sổ ngữ cảnh ban đầu (còn gọi là “context bloat”, tiêu tốn ~10%), cộng thêm system prompt & default tools của CC nữa là mất tiu ~20% initial context rồi, còn có 80% cho việc coding.

Điều này là không tốt cho Context Engineering - chỉ đưa những thông tin cần thiết vào ngữ cảnh.

Bây giờ:

• Context7

• Human

Tại sao tôi loại bỏ những cái kia?

• Serena từng tốt trước khi có subagents, nhưng bây giờ tôi cảm thấy nó không hoạt động với subagents, mình dường như không thể nhận thấy được sự khác biệt đáng kể nào khi có hay không có nó

• Chrome hoặc Playwright thực sự hữu ích khi tôi làm việc phát triển frontend/UI, ngoài ra tôi không thường xuyên sử dụng chúng, và các công cụ của chúng tiêu tốn quá nhiều token ban đầu

• Github: chỉ cần bảo Claude Code sử dụng package “gh” trực tiếp, nó chỉ là một lệnh bash

• PostgreSQL: giống như Github, LLM có thể thực thi “psql” trực tiếp một cách dễ dàng

• Cuối cùng: “Human MCP - Bringing human capabilities to coding agents”, với các công cụ “brain” cho tư duy tuần tự & bộ nhớ, công cụ “eyes” cho khả năng thị giác tốt hơn & công cụ “hands” để tạo hình ảnh.

Chỉ với Context7 và Human, các công cụ MCP bây giờ chỉ chiếm khoảng 6% cửa sổ ngữ cảnh của CC, nhưng vẫn có đủ những khả năng mà mình cần.​​​​​​​​​​​​​​​​

Key takeaways:

Khi dùng Coding Agent CLI, chúng ta có thể không cần tới MCP nếu công cụ liên quan đã có sẵn CLI package, yêu cầu LLM thực thi trực tiếp command của package có thể làm giảm thiểu bloat context rất nhiều.

—

OpenCode: Mạnh mẽ như Claude Code, nhưng mã nguồn mở!

Gần đây mình có sử dụng thêm OpenCode, một Coding Agent CLI tương tự như Claude Code, nhưng open source.

OpenCode cho phép kết nối tới nhiều providers khác nhau như OpenAI, OpenRouter, Google,... đặc biệt là có thể sử dụng chung gói subscription của Anthropic (Claude), nên khả năng tuỳ biến mạnh mẽ hơn khá nhiều.

OpenCode.ai

Mình thích trải nghiệm điều phối & vận hành Subagents của OpenCode, nó trực quan và tiện dụng hơn Claude hơn khá nhiều. Như việc có thể bấm phím TAB để chuyển đổi giữa các agents và tương tác trực tiếp với chúng như một agent chính.

Ngoài ra khi sử dụng chế độ đa agents (multi-agents), OC còn cho phép navigate vào trong các agents phụ đang thực thi để xem chúng đang thực sự làm gì, đây là điểm mình đánh giá là mang lại nhiều giá trị hơn so với Claude Code (chẳng biết tụi subagents đang làm gì cả), nhờ đó việc debug cũng sẽ dễ hơn.

Điểm trừ nho nhỏ là phần quản lý MCP có vẻ chưa được tối ưu lắm, lâu lâu MCP tools failed sẽ dẫn đến agent bị đơ không hoạt động tiếp được.

—

Bật mí: bài cuối cùng của series "Vibe Coding cùng Claude Code"

Thú thật là dạo này con Claude Code nó ngu quá làm mình bị mất hứng viết về nó.

Anthropic thì liên tục đổ lỗi cho hạ tầng hay lỗi hệ thống không xác định được, trong khi người dùng phát hiện ra Claude tự khai nó là Sonnet 3.5 trong khi đang dùng Opus 4.1 (???)

Mặc dù Anthropic nói rằng họ đã sửa lỗi này, nhưng mình vẫn chẳng thấy nó cải thiện là mấy…

Dù sao cũng đi gần hết series rồi (7/8 bài) nên cũng ráng bài cuối nữa cho xong, nhưng các bạn yên tâm là mình sẽ ko viết qua loa cho có đâu, mình vẫn sẽ viết một bài thật chất lượng & sâu sắc nhất trong khả năng!

Sau 7/8 bài nói về việc build (vibe coding), bài cuối cùng mình sẽ chia sẻ về cách kiếm $ (hoặc chí ít là kiếm leads) cho sản phẩm của bạn build được:

"Vibe Marketing cùng Claude Code"

Hấp dẫn không nào? 😁

Đây dự kiến sẽ là một bài tâm huyết moi móc ruột gan của mình nhất từ trước đến giờ, mình vẫn luôn đau đáu việc làm sao có thể giúp được nhiều builders hơn nữa có thể kiếm được thu nhập thụ động từ việc build sản phẩm số. Đây sẽ là những bước đầu tiên để thực hiện hoá mong muốn này.

Ráng chờ mình thêm chút thời gian nữa nha!

“Save the best for last” nè!

That's it for today.
Chúc các bạn một tuần mới tràn trề năng lượng! 💪

Mạn phép xin 2 phút quảng cáo 😜

Chương trình tiếp thị liên kết “LAN TỎA SHOW NHẠC KỊCH DẾ MÈN NGOẠI TRUYỆN, NHẬN HOA HỒNG LIỀN TAY”

Bạn nào có follow mình trên Facebook chắc cũng biết mình đang sản xuất cái show tâm huyết này, kể lại hành trình Dế Mèn từ một thanh niên "trẻ trâu" tự mãn, mắc sai lầm, tới khi học được bài học về sự khiêm nhường. Nghe quen không? Y hệt hành trình của mấy anh em founder mình hén hehe

1. Vào link (tui để dưới comment hoặc quét QR trên hình), đăng nhập rồi bấm [LẤY AFFILIATE URL].

2. Share link đó lên mạng xã hội kèm vài dòng review chân thật của anh em.

3. Ngồi rung đùi nhận hoa hồng sau khi chương trình kết thúc.

Vừa giúp lan tỏa một sản phẩm nghệ thuật tử tế, vừa có thêm thu nhập, "win-win" nè!

• Link show diễn: https://zii.one/demen25

Chia sẻ mạnh tay giúp mình với nha!

Cơ hội trải nghiệm này có thể chỉ đến MỘT LẦN DUY NHẤT trong đời! (Tại vì nếu lỗ thì tui hổng dám làm nữa hahaha 😂)