các tool phải biết và nên biết cho vibe coding
Đây là breakdown theo 2 tier:
Phải biết là những tool tạo thành core workflow của vibe coding — IDE AI (Cursor/Windsurf), LLM chính (Claude/GPT), builder nhanh (v0, Bolt), deploy (Vercel), backend không cần code (Supabase), và Tailwind để AI generate UI chuẩn.
Nên biết là lớp power-up — agent CLI (Claude Code, Cline), builder thêm (Lovable, Replit), research realtime (Perplexity), component library (shadcn/ui), và MCP servers để kết nối AI với tool bên ngoài.
✧ Phải biết - core work flow
IDE AI-native #1. Tab completion, chat trong editor, agent tự sửa bug.
IDE từ Codeium. Cascade agent mạnh, ít tốn token hơn Cursor.
AI template (Anthropic)
LLM mạnh nhất cho code dài, kiến trúc, reasoning. Dùng qua API hoặc claude.ai.
ChatGPT / GPT-4o
Brainstorm, debug nhanh, giải thích concept. Tích hợp sẵn nhiều nơi.
Prompt → UI component (React/Tailwind). Xuất code thẳng vào dự án.
Full-stack app từ prompt, chạy ngay trên browser. Prototype cực nhanh.
Inline suggestion trong VS Code. Tích hợp GitHub workflow, plan miễn phí.
Deploy frontend 1 click. Preview URL tự động cho mỗi PR.
Backend-as-a-service: Postgres, Auth, Storage, Realtime. Không cần viết API.
AI generate Tailwind rất tốt. . Class-based, không cần đặt tên CSS.
✧ Nên biết — Power-up workflow
CLI agent của Anthropic. Codebase-aware, chạy terminal, mạnh cho refactor lớn.
Prompt → full app có UI đẹp. Tốt cho non-dev muốn build SaaS nhanh.
Cloud IDE + AI agent. Deploy, database, hosting tất cả trong 1 nơi.
Research nhanh: docs mới nhất, package, lỗi lạ — không bị cutoff.
Google BaaS. Realtime DB, Auth, Hosting. AI biết Firebase rất rõ.
Component library copy-paste. AI + shadcn = UI chuyên nghiệp cực nhanh.
Agent mạnh trong VS Code, dùng được mọi LLM (Claude, GPT, Gemini).
AI-assisted PRD, task breakdown. Viết spec xong dán thẳng vào Cursor.
CLI agent của Google, context window lớn (1M token). Miễn phí tier rộng.
Gắn tool ngoài (DB, GitHub, Figma…) vào AI agent. Chuẩn mở của Anthropic.