P – Point (Quan điểm/Điểm chính)
Trong các dự án phần mềm, đặc biệt là hệ thống lớn về Affiliate cho các sàn như TikTok, Shopee, Lazada, việc phát triển và bảo trì code thường tốn nhiều thời gian cho những thao tác lặp lại, đặt tên hàm, viết logic, sửa lỗi…
Trong quá trình làm việc, team dev của Top Top team đã ứng dụng các công cụ AI như ChatGPT, DeepSeek, Gemini,.. hay thông minh và tiện lợi hơn có cả Copilot, Cursor để hỗ trợ sinh code, nhưng sau khi trải nghiệm và trao đổi cùng nhau và team mình nhận thấy Cursor đem lại trải nghiệm vượt trội hơn hẳn, hỗ trợ được cả phía Backend và Frontend thực hiện công việc hiệu quả hơn rất nhiều. Cursor giúp tăng tốc độ viết code, giảm lỗi và tối ưu luồng làm việc nhờ khả năng gợi ý code thông minh, thao tác cực nhanh với phím Tab. Vì thế team mình đã thống nhất cùng nhau sử dụng Cursor AI để ứng dụng trong các công việc hiện tại.
R – Reason (Lý do/Giải thích)
1. Cursor là “trợ lý code” thông minh
- Gợi ý code cực kỳ chính xác theo ngữ cảnh:
Cursor đọc hiểu toàn bộ codebase, đề xuất đoạn code, tên hàm, biến… chính xác theo logic dự án, sát với thói quen đặt tên của team. - Thao tác với phím Tab cực nhanh:
Chỉ cần gõ vài ký tự, nhấn phím Tab là nhận ngay đoạn code đầy đủ, không cần gõ từng chữ hay chọn trong danh sách autocomplete như IDE truyền thống. - Chuyển đổi giữa các luồng công việc mượt mà:
Cursor hỗ trợ mở nhiều tab (workspace) cho từng task: code, refactor, debug…, chuyển qua lại không mất context, gợi ý code luôn bám sát từng tab. - Tiết kiệm thời gian, giảm sai sót:
Đặc biệt với các hàm dài, query phức tạp trong Laravel, Cursor giúp bạn không cần nhớ, không phải copy-paste thủ công, hạn chế lỗi đánh máy. Render giao diện từ hình ảnh rất nhanh và có độ chính xác cao. - Tối ưu teamwork:
Team có thể chia sẻ prompt, mẫu code, luồng làm việc với nhau, ai cũng hưởng lợi từ “trợ lý AI” này.
So sánh Copilot vs Cursor
| Tiêu chí | Copilot | Cursor |
| Độ thông minh context | Tốt, nhưng chủ yếu theo đoạn code ngắn | Rất tốt, hiểu sâu cả codebase và file liên quan |
| Đề xuất code với Tab | Có, nhưng đôi khi gợi ý chưa “trúng ý” | Gợi ý cực sát context, chỉ cần Tab là xong. |
| Tùy biến Prompt + AI chat | Hạn chế, chủ yếu autocomplete | Đa năng: chat, prompt linh hoạt từng tab |
| Tích hợp workflow | Chủ yếu sinh code, ít hỗ trợ teamwork | Hỗ trợ chia tab, chia prompt, teamwork tốt |
| Phù hợp với Laravel/PHP | Ổn, nhưng đôi khi sai cú pháp, thiếu PSR | Cực chuẩn, gợi ý theo chuẩn Laravel, PSR-12 |
| Trải nghiệm liền mạch | Được, nhưng chuyển context hơi chậm | Mở tab, chuyển task cực mượt, không mất luồng |
| Render giao diện từ hình ảnh hoặc giao diện figma có sẵn | Nhiều model không hỗ trợ updoad hình ảnh lên trong phần chat with AI gây khó khắn cho việc mô tả giao diện để AI hiểu được | Hỗ trợ upload ảnh và đọc hiểu giao diện rất nhanh và chính xác. |
Lý do mình chuyển từ Copilot sang Cursor:
- Sau một thời gian dùng Copilot, mình thấy đôi lúc gợi ý code chưa đúng context Laravel, phải sửa lại nhiều.
- Cursor hiểu sâu codebase, gợi ý function, query đúng chuẩn Laravel/MySQL, tiết kiệm thao tác gõ từng chữ, đặt biệt khi chỉ cần nhấn Tab là xong.
- Cursor hỗ trợ tốt teamwork nhờ chia tab, chia prompt, dùng cho nhiều task cùng lúc (code, refactor, debug…).
- Trải nghiệm code “liền mạch”, không bị đứt quãng, tập trung hơn hẳn.
- Đôi khi gặp những giao diện phức tạp khi làm FE, khi dùng Copilot sẽ gây khó khăn trong việc mô tả cho AI hiểu và vẽ lại giao diện chính xác như mong muốn. Với Cursor AI chỉ cần upload giao diện lên và viết prompt yêu cầu AI sẽ render giao diện với độ chính xác lên đến 90%.
E – Example (Ví dụ/Minh họa)
1. Ví dụ trong Laravel
👉 Giả sử bạn có một dự án Laravel, và muốn tạo một API trả về danh sách products.
Trong Cursor, bạn chỉ cần gõ prompt:
“Tạo route API /products trả về danh sách sản phẩm từ model Product. Nếu có query param country, lọc theo country.”
Cursor AI sẽ sinh ra code gần như đầy đủ:
Route (routes/api.php)
use App\Http\Controllers\ProductController;
Route::get('/products', [ProductController::class, 'index']);Controller (app/Http/Controllers/ProductController.php)
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\Product;
class ProductController extends Controller
{
public function index(Request $request)
{
$query = Product::query();
if ($request->has('country')) {
$query->where('country', $request->country);
}
return response()->json($query->get());
}
}
Sau đó bạn có thể tiếp tục chat với Cursor ngay trong editor:
“Thêm pagination 10 items mỗi trang và sắp xếp theo created_at mới nhất.”
AI sẽ chỉnh lại code như sau:
return response()->json(
$query->orderBy('created_at', 'desc')->paginate(10)
);
2. Ví dụ trong Front End với NextJs
Về phía FE team mình thường ứng dụng AI để xây dựng giao diện với độ chính xác lên đến 90%, refactor lại các component phức tạp, AI sẽ tự phân tích và chia nhỏ các component sao cho tối ưu nhất.
Ví dụ một giao diện được design trên figma của một task trong sprint 82 như hình ảnh sau:
Phân tích:
Giao diện trên được thiết kế tương tự như các giao diện của các màn hình đã thiết kế trước đó, với các component đã được viết sẵn ở trong dự án. Nếu không sử dụng AI mình sẽ lại phải đi config các thông số như tên màn hình, key đại diện cho màn hình, permission của màn hình là gì, folder router cho màn hình,… và đi ghép các component có sẵn lại thành màn hình trên. Tất cả sẽ làm thủ công bằng tay và mất kha khá thời gian.
Khi ứng ụng Cursor AI để AI tự đọc giao diện và code theo các config và component tương tự có sẵn:
Mình sẽ không cần phải đi code từng bước bằng tay nữa mà sẽ yêu cầu AI code hộ mình bằng cách:
Bước 1: Upload hình ảnh giao diện trên figma lên phần chat của Cursor AI
Bước 2: Viết Prompt yêu cầu AI thực hiện công việc
Bạn là một NextJS Expert AI.
Mô tả:
Thêm giúp tôi màn Tool Find creator như hình ảnh gửi sau với các yêu cầu
- Thêm một page folder vào thư mục có đường dẫn /src/app/dashboard
- Thêm TAB_KEY vào file có đường dẫn /src/app/dashboard/_features/configs/tabs/tab-key.ts
- Thêm config vào DASHBOARD_ITEMS với yêu cầu nằm trong menu Tool&Scanning
- Thêm folder component vào thư mục có đường dẫn /src/app/dashboard/_features/components
- Thêm file api vào thư mục có đường dẫn /src/app/dashboard/_features/api
- Thêm file khai báo interface vào thư mục có đường dẫn /src/app/dashboard/_features/configs/interface
- Thêm thiết lập table columns và lấy params filter bằng file hook trong thư mục có đường dẫn /src/app/dashboard/_features/hooks
- Tạo component FilterView sử dụng component FilterViewCommon
- Tạo table sử dụng component TableViewCommon
Yêu cầu code:
- Code rõ ràng, dễ bảo trì, tách file hợp lý.
- Tham khảo các màn hình đã tạo trong dự án
Kết quả mong muốn:
- Code hoàn chỉnh UI.
- Hiển thị chính xác giao diện như hình minh hoạ.
Bước 3: Ngồi đợi AI thực hiện công việc và nhận kết quả
Bước 4: Phân tích kết quả đạt được với độ chính xác khá cao. Còn một vài chỗ không giống như design thì mình sẽ chỉnh sửa lại một chút là được.
3. Một vài tình huống thực tế khác
Bạn đang phát triển chức năng lọc đơn hàng cho hệ thống Affiliate.
Bình thường, phải viết hàm filter, đặt tên biến, viết query Eloquent với nhiều tham số, rất dễ nhầm lẫn hoặc sai cú pháp.
Khi dùng Cursor:
- Chỉ cần gõ filterBy + Tab, Cursor tự động hoàn thiện thành filterByStatus($status) hoặc gợi ý cả phần query builder phù hợp.
- Gõ $orders = Order::w + Tab, Cursor tự sinh luôn đoạn where, join, paginate đúng chuẩn Laravel.
- Khi cần sửa hoặc refactor, chỉ cần mở tab mới, copy đoạn code cũ, prompt cho AI, tất cả chỉ thực hiện trong IDE, không cần chuyển qua lại nhiều cửa sổ.
- Gợi ý code luôn đúng chuẩn PSR-12, không lo lỗi format.
- Nếu làm teamwork, dễ dàng chia sẻ prompt, tab mẫu cho task lặp lại.
Ví dụ thêm: Task TOP-1508 trong Sprint 80, đồng thời là ví dụ điển hình về việc áp dụng Cursor AI.
Trong quá trình thực hiện, task này đã được tối ưu bằng cách sử dụng Cursor AI thay cho phương pháp thủ công trước đây. Trước đó, task có độ phức tạp 13 point, toàn bộ quá trình xử lý đối với team dev BE thường mất khoảng 1.5 ngày mới có thể hoàn thành.
Nhờ áp dụng Cursor AI, những công đoạn rườm rà khi phát triển tính năng mới như khai báo route, controller, server, repository và interface đã được tự động hoá, giúp giảm đáng kể khối lượng công việc thủ công cho developer. Kết quả là thời gian xử lý task được rút ngắn xuống chỉ còn 1 ngày.
Việc tối ưu này không chỉ giúp tiết kiệm 0.5 ngày làm việc mà còn góp phần nâng cao tính ổn định, hiệu suất xử lý và đặc biệt hiệu quả đối với các feature mới trong tương lai.
Minh họa thao tác Tab cực nhanh
- Gõ: public f + Tab → thành public function …
- Gõ: $user = User::w + Tab → thành $user = User::where(‘username’, $username)
- Gõ: return + Tab → thành return $ok($results)
- Gõ: use A + Tab → thành use App\Models\…
Phân tích & Đề xuất
Điểm mạnh khi sử dụng Cursor
- Code nhanh và chính xác: giảm thiểu lỗi cú pháp, hạn chế sai sót khi viết code lặp lại.
- Gợi ý thông minh: khả năng autocomplete gần như “đọc được ý nghĩ” của developer, giúp tăng tốc độ phát triển.
- Thao tác Tab tiện lợi: chỉ cần nhấn Tab để chọn gợi ý, không phải gõ từng ký tự → tiết kiệm rất nhiều thao tác nhỏ.
- Hỗ trợ teamwork: có thể chia sẻ workspace, tab và prompt, giúp toàn team áp dụng cùng một quy trình hiệu quả và đồng bộ.
Điểm cần lưu ý
- Kiểm tra logic với task phức tạp: AI đưa ra gợi ý rất nhanh, nhưng với nghiệp vụ phức tạp hoặc liên quan đến nhiều hệ thống, dev vẫn cần review kỹ để tránh rủi ro.
- Bảo mật codebase: cần tuân thủ quy trình nội bộ khi sử dụng AI, đặc biệt với những dự án nhạy cảm để tránh lộ dữ liệu quan trọng.
Đề xuất cho team/dev
- Nếu đang sử dụng Copilot mà cảm thấy chưa thực sự “thỏa mãn”, hãy cân nhắc chuyển sang Cursor – đặc biệt hữu ích với các dự án PHP/Laravel và NextJS.
- Tận dụng tối đa thao tác Tab và hệ thống Tab workspace của Cursor để tối ưu tốc độ làm việc.
- Chủ động chia sẻ prompt, tab mẫu, workflow cho cả team để mọi người cùng hưởng lợi từ AI, đồng thời tăng tính đồng bộ và giảm thời gian onboarding cho dev mới.
P – Point (Nhắc lại quan điểm/Kết luận)
Cursor thực sự là một “trợ lý AI” xịn xò dành cho developer hiện đại. Công cụ này không chỉ giúp viết code nhanh hơn, chuẩn hơn mà còn tiết kiệm đáng kể thời gian, từ đó nâng cao hiệu suất làm việc của cả team. Điều này đặc biệt hữu ích với những dự án sử dụng PHP/Laravel/MySQL hay NextJs như các hệ thống Affiliate TikTok hiện nay, vốn có nhiều tác vụ lặp lại và dễ gây tốn công.
📊 So sánh hiệu quả:
- Khi thực hiện thủ công: mỗi sprint trung bình mất ~3 giờ mỗi dev → tương đương 6 giờ/tháng (2 sprint) mỗi dev.
- Khi áp dụng Cursor AI: chỉ còn khoảng 1 giờ/sprint mỗi dev → tương đương 2 giờ/tháng (2 sprint) mỗi dev.
👉 Như vậy, tiết kiệm được 4 giờ/tháng cho mỗi dev. Tổng team Top Top có 4 dev, vì vậy sẽ tiết kiệm được 16 giờ/tháng cho cả team Dev.
💡 Điều quan trọng hơn, AI không chỉ dừng ở việc rút ngắn thời gian làm việc. Nó giúp developer thoát khỏi những công việc thủ công lặp đi lặp lại (ví dụ: viết lại query, xử lý boilerplate code, format chuẩn), để tập trung nhiều hơn vào phát triển logic nghiệp vụ, tối ưu hệ thống và học hỏi kỹ năng mới. Đây là một bước tiến quan trọng trong việc nâng cao năng lực của developer và tạo giá trị thực sự cho dự án.
Tác giả: TruyenTQ, KhamND, GiangNT2, AnhPQ
