Cách nhận biết website được vibe code

“Vibe coding” là cách xây website/app bằng cách mô tả ý tưởng cho AI (Cursor, Claude, Lovable, Bolt.new, v0, Replit Agent…) rồi để AI viết code, hầu như không chỉnh sửa sâu. Kết quả thường nhanh nhưng dễ nhận ra vì cùng một “mẫu” thiết kế và lỗi kỹ thuật lặp đi lặp lại.

1. Dấu hiệu giao diện (visual tells) – dễ thấy nhất

• Gradient tím – xanh dương (AI purple): Hero section hoặc nút thường dùng gradient blue-to-purple / indigo-violet. Đây là dấu hiệu phổ biến nhất.
• Layout “cookie-cutter”: Hero lớn ở giữa + 1 nút CTA + 3 card tính năng + pricing + FAQ. Hầu hết trang landing vibe code đều giống nhau đến mức “nhìn là biết”.
• Font mặc định: Inter, Geist, Roboto hoặc các font sans-serif “an toàn” được AI hay chọn.
• Bo góc tròn + bóng đổ mạnh + glassmorphism: Card bo góc lớn, shadow dày, hiệu ứng blur kính mờ, glow neon.
• Emoji / icon sparkle quá nhiều: Đặc biệt là emoji dùng như icon hoặc trong tiêu đề.
• Spacing không đều: Khoảng cách giữa các section, padding không nhất quán, cảm giác “lộn xộn” dù nhìn tổng thể đẹp.
• Contrast kém: Chữ xám nhạt trên nền trắng hoặc ngược lại, khó đọc.
• Mobile layout yếu: Resize trình duyệt hoặc xem trên điện thoại dễ thấy phần tử chồng lên nhau, tràn màn hình, hoặc bị vỡ.

2. Dấu hiệu nội dung (content tells)

• Copy generic kiểu: “Revolutionize your workflow”, “Boost your productivity”, “Powered by AI”, “Empowering teams to…”.
• Vẫn còn placeholder: “Your Company Name”, Lorem ipsum, “Headline here”, link dẫn đến # hoặc trang trống.
• Domain mới đăng ký vài ngày / vài tuần (kiểm tra WHOIS).
• Không có About, Changelog, GitHub thật sự, hoặc chỉ có form email signup đơn giản.

3. Dấu hiệu kỹ thuật (khi View Source / DevTools)

• Meta generator hoặc badge: “Edit with Lovable”, “Made with Bolt”, “Built with v0”, domain kiểu .lovable.app, .bolt.host, .replit.app…
• Script/CDN đặc trưng: cdn.gpteng.co (Lovable), framerusercontent.com, hoặc các marker của shadcn/ui + Radix + Lucide Icons.
• Stack phổ biến của vibe coder: Next.js + Tailwind + shadcn/ui (class dài toàn utility, data-radix-*, biến CSS --radius, --primary…).
• Code lộn xộn: comment kiểu AI, class name generic, nhiều inline style, DOM sâu bất thường.
• Thiếu SEO cơ bản: meta description, Open Graph, structured data, heading hierarchy sai.

4. Dấu hiệu trải nghiệm người dùng

• Nút/form trông đẹp nhưng không hoạt động hoặc hoạt động nửa vời.
• Animation thừa (hover nâng card quá mạnh, glow theo chuột, fade-in lung tung).
• Performance kém (ảnh nặng, JS thừa).
• Accessibility kém (thiếu alt text, contrast thấp, không hỗ trợ bàn phím tốt).

Công cụ kiểm tra nhanh

Có nhiều tool miễn phí:

• isitvibecoded.com
• detectvibecode.com / vibe0.com.au/vibe-check
• vibecheckai.tech
• Các extension Chrome kiểu “Vibe Code Detector”

Chúng dựa vào fingerprint (CDN, meta, class pattern, domain builder) + phân tích visual/content để cho điểm “vibe score”.

Lưu ý quan trọng

Không phải mọi site dùng AI đều xấu. Nhiều developer dùng AI nhưng chỉnh sửa kỹ, thêm design system riêng, tối ưu UX → gần như không nhận ra. Ngược lại, site hand-code nhưng copy template cũ cũng có thể trông “vibe”.

Tóm lại: Càng nhiều dấu hiệu cùng lúc (gradient tím + 3 card + copy generic + font Inter + spacing lộn xộn), khả năng vibe code càng cao.