Sự bùng nổ của "Vibe-coded": Tại sao các dự án Show HN ngày càng giống nhau?

Khi lướt qua các dự án trên Hacker News (đặc biệt là mục Show HN), tôi nhận ra một xu hướng đáng báo động: nhiều dự án hiện nay mang một cảm giác chung chung, vô hồn, gợi ý rằng chúng được tạo hoàn toàn bởi AI. Ban đầu, tôi không thể xác định chính xác điều gì tạo nên cảm giác này, nên tôi đã tự hỏi liệu chúng ta có thể lượng hóa cảm xúc chủ quan này bằng cách chấm điểm 500 trang Show HN dựa trên các mẫu thiết kế của AI hay không.

Sự gia tăng của các công cụ như Claude Code đã dẫn đến sự tăng vọt số lượng dự án Show HN. Tăng trưởng đến mức các quản trị viên của Hacker News buộc phải hạn chế việc đăng bài đối với các tài khoản mới.

Biểu đồ tăng trưởng số lượng bài đăng Show HN qua các năm

Điều này cung cấp cho chúng ta một lượng lớn các trang web để đánh giá các mẫu thiết kế của AI.

Các mẫu thiết kế của AI

Một nhà thiết kế gần đây đã nói với tôi rằng "viền màu bên trái là dấu hiệu cho thấy thiết kế được tạo bởi AI đáng tin cậy gần như dấu gạch ngang (em-dash) trong văn bản". Từ đó, tôi bắt đầu để ý thấy chúng xuất hiện trên nhiều trang web. Sau đó, tôi hỏi thêm một số bạn thiết kế về những gì họ cho là các mẫu phổ biến của AI.

Câu trả lời có thể được nhóm大致 vào các nhóm: phông chữ, màu sắc, các đặc thù bố cục và mẫu CSS.

Phông chữ

• Sử dụng font Inter cho mọi thứ, đặc biệt là các tiêu đề hero được căn giữa.
• Các mô hình LLM có xu hướng sử dụng các kết hợp font cụ thể như Space Grotesk, Instrument Serif và Geist.
• Chữ serif in nghiêng cho một từ nhấn trong phần hero vốn toàn dùng Inter.

Màu sắc

• Màu tím đặc trưng của "VibeCode".
• Chế độ tối vĩnh viễn với văn bản màu xám trung bình và nhãn mục viết hoa toàn bộ.
• Độ tương phản của văn bản thân bài ở mức thấp chấp nhận được trong các chủ đề tối.
• Mọi thứ đều là gradient.
• Các vệt sáng màu lớn và bóng hộp màu.

Đặc thù bố cục

• Phần hero được căn giữa với font sans-serif chung chung.
• Huy hiệu (badge) nằm ngay phía trên tiêu đề H1.
• Viền màu trên các thẻ, ở cạnh trên hoặc cạnh trái.
• Các thẻ tính năng giống hệt nhau, mỗi thẻ có một biểu tượng ở trên cùng.
• Trình tự bước số "1, 2, 3".
• Các hàng banner thống kê.
• Thanh bên hoặc thanh điều hướng với các biểu tượng emoji.
• Tiêu đề và nhãn mục viết hoa toàn bộ.

Mẫu CSS

• shadcn/ui
• Glassmorphism (hiệu ứng kính)

Dưới đây là một vài ví dụ từ các bài đăng Show HN:

Huy hiệu nằm phía trên phần hero dùng font Inter.

Ví dụ về bố cục Hero và huy hiệu

Viền màu ở trên cùng.

Lưới các thẻ tính năng có biểu tượng ở trên đầu.

Nền gradient + thẻ glassmorphism.

Ví dụ về Gradient và Glassmorphism

Phát hiện thiết kế AI trong các bài đăng Show HN

Bây giờ, chúng ta có thể thử chấm điểm có hệ thống cho các mẫu này bằng cách duyệt qua 500 bài đăng Show HN mới nhất và chấm điểm trang đích của họ dựa trên danh sách trên.

Đây là phương pháp chấm điểm:

• Một trình duyệt headless tải mỗi trang web (sử dụng Playwright).
• Một tập lệnh nhỏ trong trang phân tích DOM và đọc các kiểu tính toán (computed styles).
• Mọi mẫu là một kiểm tra CSS hoặc DOM xác định. Tôi cố ý không chụp ảnh màn hình và để LLM đánh giá chúng.
• Điều này cuối cùng cũng dẫn đến các dương tính giả, nhưng quá trình kiểm soát chất lượng thủ công của tôi xác nhận rằng tỷ lệ này có thể chỉ là 5-10%.

Nếu có bất kỳ sự quan tâm nào trong việc mã nguồn mở mã chấm điểm để sao chép (và cải thiện) quá trình chạy hoặc chấm điểm trang web của chính bạn, hãy cho tôi biết.

Kết quả

Một mẫu đơn lẻ không nhất thiết làm cho một trang web trở nên do AI tạo ra, vì vậy tôi đã nhóm chúng thành ba cấp dựa trên số lượng mẫu trong tổng số 15 mẫu mà chúng kích hoạt:

• Slop nặng (5+ mẫu): 105 trang · 21%
• Nhẹ (2–4): 230 trang · 46%
• Sạch (0–1): 165 trang · 33%

Điều này có xấu không?

Thực ra là không, chỉ là thiếu cảm hứng. Rốt cuộc, việc xác thực một ý tưởng kinh doanh chưa bao giờ là về thiết kế cầu kỳ, và trước kỷ nguyên AI, mọi thứ trông đều giống Bootstrap.

Có một sự khác biệt giữa việc cố gắng tạo ra thiết kế của riêng bạn và chỉ tung ra sản phẩm với bất kỳ mặc định nào mà các LLM đưa ra. Và điều tương tự cũng đã xảy ra trong thời kỳ tiền LLM khi sử dụng các mẫu HTML/CSS.

Tôi đoán mọi người sẽ quay lại việc tạo ra những thiết kế đẹp để nổi bật giữa đống "slop" này. Mặt khác, tôi không chắc thiết kế sẽ còn quan trọng bao nhiêu một khi các tác nhân AI trở thành người dùng chính của web.