Chấm điểm các bài gửi Show HN theo mẫu thiết kế AI
(adriankrebs.ch)- Cùng với sự gia tăng gần đây của các bài gửi Show HN, những landing page có ấn tượng tương tự nhau liên tục xuất hiện, và bài viết đã chấm điểm các mẫu chung dựa trên 500 trang Show HN mới nhất
- Tiêu chí chấm điểm gồm 15 mục trải rộng trên font chữ, màu sắc, bố cục và các mẫu CSS, bao gồm các yếu tố như hero căn giữa, VibeCode Purple, viền màu bên trái, shadcn/ui và Glassmorphism
- Việc phát hiện được thực hiện bằng cách tải trang qua trình duyệt headless dựa trên Playwright rồi đọc DOM và style đã tính toán; không dùng cách để LLM phán đoán từ ảnh chụp màn hình
- Kết quả được chia thành Heavy slop 21%, Mild 46%, Clean 33%; không khẳng định một website là do AI tạo ra chỉ từ một mẫu đơn lẻ mà chia nhóm theo số lượng mẫu được đáp ứng
- Xu hướng này gần với sự thiếu cảm hứng hơn là một vấn đề nghiêm trọng, và về sau có thể sẽ cần đầu tư hơn vào thiết kế để nổi bật giữa các đầu ra na ná nhau
Sự gia tăng của Show HN và việc chấm điểm mẫu thiết kế
- Số lượng bài gửi Show HN đã tăng mạnh, đến mức với các tài khoản mới, ban điều hành Hacker News còn siết chặt tới mức hạn chế bài gửi Show HN
- Trong các dự án Show HN gần đây, ấn tượng chung chung và vô trùng liên tục lặp lại; thay vì chỉ dừng ở cảm nhận chủ quan, tác giả đã chấm điểm dựa trên 500 trang
- Đối tượng chấm điểm là 500 landing page Show HN mới nhất, được phân loại theo các mẫu thiết kế AI phổ biến
Tiêu chí của các mẫu thiết kế AI
- Các mẫu chung chủ yếu xoay quanh font chữ, màu sắc, đặc điểm bố cục và các mẫu CSS
- Viền màu bên trái hoạt động như một tín hiệu mạnh cho thiết kế do AI tạo ra, và thực tế lặp lại trên nhiều trang
-
Font chữ
- Inter được dùng khá rộng rãi, nhưng đặc biệt nổi bật ở các tiêu đề hero căn giữa
- LLM cũng thường dùng các tổ hợp như Space Grotesk, Instrument Serif, Geist
- Cấu hình hero thiên về Inter nhưng nhấn một từ duy nhất bằng serif italic cũng được tính vào
-
Màu sắc
- Cái gọi là VibeCode Purple xuất hiện lặp đi lặp lại
- Tổ hợp dark mode luôn bật, nội dung thân bài màu xám trung tính và nhãn mục viết hoa xuất hiện thường xuyên
- Ở dark theme, có trường hợp độ tương phản của văn bản thân bài chỉ vừa đủ vượt ngưỡng tiêu chuẩn
- Việc lạm dụng gradient nói chung, ánh sáng màu lớn và box-shadow màu cũng được tính là mẫu
-
Đặc điểm bố cục
- Kiểu hero căn giữa dùng sans-serif thông dụng lặp lại nhiều lần
- Bố cục đặt badge ngay phía trên H1 của hero xuất hiện thường xuyên
- Mẫu gắn viền màu ở mép trên hoặc mép trái của card cũng được tính
- Các feature card giống nhau với icon ở phía trên được lặp lại theo cụm
- Chuỗi các bước 1, 2, 3, hàng banner thống kê, sidebar hoặc điều hướng có icon emoji, cùng tiêu đề và nhãn mục viết hoa cũng nằm trong tiêu chí
-
Mẫu CSS
-
shadcn/ui
- Glassmorphism
-
Cách phát hiện và kết quả
- Mỗi website được tải bằng trình duyệt headless dựa trên Playwright, sau đó một đoạn script nhỏ trong trang sẽ đọc DOM và style đã tính toán để kiểm tra các mẫu
- Tất cả các mẫu đều được xử lý bằng kiểm tra CSS hoặc DOM mang tính quyết định; không dùng cách chụp màn hình rồi để LLM phán đoán bằng thị giác
- Cách làm này có thể tạo ra dương tính giả, nhưng trong QA thủ công thì được xác nhận ở mức khoảng 5~10%
- Nếu có quan tâm tới việc công bố mã chấm điểm để tái lập, cải thiện hoặc chấm điểm website của riêng mình, tác giả cho biết có thể cân nhắc công khai
- Không khẳng định một website là do AI tạo ra chỉ từ một mẫu đơn lẻ; thay vào đó, tác giả chia thành 3 nhóm theo số mẫu trong 15 mẫu được đáp ứng
- Heavy slop: đáp ứng từ 5 mẫu trở lên, 105 website, 21%
- Mild: 2~4 mẫu, 230 website, 46%
- Clean: 0~1 mẫu, 165 website, 33%
- Kết quả này gần với sự thiếu cảm hứng hơn là một vấn đề nghiêm trọng
- Trong việc kiểm chứng ý tưởng kinh doanh, thiết kế hào nhoáng vốn không phải là yếu tố cốt lõi, và ngay cả trước thời AI nhiều website cũng đã trông giống nhau như Bootstrap
- Có sự khác biệt rõ rệt giữa trường hợp tự tay tinh chỉnh thiết kế và trường hợp gần như phát hành nguyên trạng đầu ra mặc định của LLM
- Ngay cả trước thời LLM, nếu dùng nguyên xi các template CSS/HTML thì hiện tượng tương tự cũng xuất hiện
- Về sau, để nổi bật giữa đống slop này, có thể sẽ lại cần những thiết kế được đầu tư kỹ hơn
- Đồng thời, nếu người dùng chính của web trở thành AI agent, thì tầm quan trọng của thiết kế sẽ còn lại bao nhiêu vẫn là điều chưa chắc chắn
1 bình luận
Ý kiến trên Hacker News
Giờ tôi cho rằng phần lớn side project đều được làm với sự trợ giúp của AI
Thường thì ai cũng bị giới hạn thời gian, nên nếu AI giúp tiết kiệm thời gian thì chẳng có nhiều lý do để không dùng
Hơn nữa đây cũng là nơi rất phù hợp để thử các công cụ AI mới mà trong công việc ở công ty khó có dịp thử nghiệm
Ban đầu tiêu đề bài này chưa nêu trúng trọng tâm, lại còn dùng sai vibe coded, nên không truyền đạt đúng chủ đề thực ra còn thú vị hơn là những điểm chung về mặt thị giác của frontend do AI tạo ra
Giờ thì tiêu đề đã khá hơn, và "Show HN submissions tripled and now mostly have the same vibe-coded look" có vẻ chính xác hơn nhiều
Tôi quá thường xuyên thấy các site dark mode mà phần thân bài và văn bản phụ lại dùng tông nâu sẫm hoặc be, khiến khả năng đọc tệ hại
Nếu muốn an toàn thì tỷ lệ tương phản giữa chữ và nền ít nhất nên ở mức 4:1
Cái này cũng không khó sửa, chỉ cần đưa Web Content Accessibility Guidelines vào skill là được
https://webaim.org/resources/contrastchecker
Điều vui là chính quá trình suy nghĩ về vấn đề, giải nó, tự tay hiện thực hóa, học thứ mới, và tưởng tượng xem nó có thể trở nên phổ biến hay hữu ích hay không; nếu chỉ búng tay nhờ AI tạo ra kết quả thì niềm vui đó biến mất
Trong công việc hằng ngày thì dùng AI để giảm việc chán ngắt là được, nhưng tôi không muốn làm thế cả với side project
Với tôi, việc trả 200 USD mỗi tháng để mua đặc quyền dùng AI cho dự án cá nhân cũng thấy quá ngớ ngẩn
Tất cả side project của tôi đều bắt đầu để học một điều gì đó, nên việc bấm nút nhảy thẳng đến kết thúc bằng AI hoàn toàn không phù hợp
Mà trong ngữ cảnh "cho xem side project của tôi", chính quá trình tư duy đó mới là điều mọi người tò mò
Thường những thứ thật sự gấp lại là dự án thương mại
Danh sách các mẫu thiết kế thì ổn, nhưng tôi nghĩ có một yếu tố lớn bị thiếu là rounded rect grid
https://correctarity.com/roundedrects
Có lẽ cái mà bài viết gọi là "Icon-topped feature card grid" có thể là tên gọi chính thức gần nhất
Ít nhất đây đã là xu hướng từ thời Apple nộp bằng sáng chế rounded corners
Cũng nên xem cái này
https://news.ycombinator.com/showlim
Những tài khoản không có nhiều lịch sử trên HN giờ thường hay nhìn thấy màn hình này, và điều đó cũng ảnh hưởng tới xu hướng đi xuống ở bên phải biểu đồ của OP
Ask HN: Please restrict new accounts from posting - https://news.ycombinator.com/item?id=47300329 - March 2026 (515 comments)
Is Show HN dead? No, but it's drowning - https://news.ycombinator.com/item?id=47045804 - Feb 2026 (425 comments)
Mọi người đang viết code bằng công cụ của năm 2026 nhưng lại muốn được đánh giá theo chuẩn năm 2016
Năm 2016, nhìn thấy 10 nghìn dòng code thì bản thân nó đã là một mức proof-of-work nhất định, và kéo theo đó một cách tự nhiên là chuyện thử nghiệm, suy nghĩ, và va vấp hàng tháng trời để mài giũa
Nhưng 10 nghìn dòng code của năm 2026 có thể chỉ có nghĩa là đã tiêu một ít tiền cho token, và nếu là kiểu chuyển một đặc tả OpenAPI lớn thành API của một ngôn ngữ cụ thể thì có khi còn sinh ra cực nhanh trong một lần
Hoàn toàn có khả năng hơn 90% dự án chưa từng chạy trong bất kỳ kịch bản thực tế nào, và chỉ mới vượt qua các bài kiểm thử đơn vị do AI tự viết
Bản thân điều đó không hẳn là sai, nhưng tiêu chí đánh giá thì phải thay đổi
Ngưỡng của Show HN không nhất thiết phải rất cao, nhưng cũng nên cao hơn một chút so với mức "gõ vài dòng vào hộp văn bản"
Không phải vì điều đó xấu, mà vì chi phí để thu hút sự chú ý quý giá của con người đã trở nên quá rẻ
Hơi cay đắng thật, nhưng thực ra loại dự án có thể làm chỉ bằng ý tưởng và vài prompt như vậy đã xuất hiện khá nhiều từ trước thời AI rồi
Công cụ code AI chỉ làm danh sách "dự án đã thấy quá nhiều lần" dài thêm một chút, và cảm giác thực ra là cùng một loại dự án vốn đã tràn lan từ trước nay còn đổ tới dữ dội hơn
Tôi thường thấy người ta làm ra một sản phẩm trong cuối tuần rồi gắn cho nó một mức giá vô lý dựa trên mức định giá mà nhóm sản phẩm đó từng nhận được vài năm trước
Có vẻ họ không chấp nhận được rằng mức giá đó vốn phản ánh công sức từng cần bỏ ra để đi tới điểm ấy
Giờ thì tình hình đã khác
Người ta làm ra bộ slide quá bóng bẩy hoặc bộ nhận diện thương hiệu mới rồi vẫn muốn được đánh giá như một thành tựu theo tiêu chuẩn cũ, nhưng rốt cuộc chỉ là tự dựng thành tích cho mình
Tôi không mấy bị thuyết phục bởi ý tưởng rằng khi AI agent trở thành người dùng chính của web thì thiết kế sẽ còn quan trọng đến đâu
Nếu thế giới trên mặt đất bị tàn phá bởi bệnh tật và chiến tranh, bị ô nhiễm bởi những tấm séc đổi mới rỗng tuếch và đống tàn tích kim loại nặng, thì ta cần xây một Eden mới
Tôi thích khái niệm Gemini, nhưng vẫn muốn thể hiện nó như một phương tiện thị giác
Tôi nghĩ ngay cả trong những ràng buộc kiểu Dillo vẫn có thể tạo ra cái đẹp, và nếu dùng Wireguard mesh làm lớp vận chuyển, còn lời mời thì được trao và thu hồi dựa trên niềm tin cá nhân
thì có lẽ ý tưởng sẽ lại có thể sống dậy ở một nơi mà các nền tảng khổng lồ không khuếch đại rồi san phẳng mọi thứ
Nói về thiết kế thì từ solo founder SaaS tới công ty nhận 2 tỷ USD từ YC, các website dự án công nghệ trông đã giống nhau suốt nhiều năm rồi
Giờ tôi chỉ mong LLM thỉnh thoảng ít ra cũng hallucinate ra chút CSS khác biệt
Bootstrap, Web 2.0, Tailwind, Material UI, Rails, NextJS, những làn sóng như thế cứ quay vòng mãi, và bây giờ chỉ là tới lượt AI
Không cần phải hành xử như thể ngày xưa ngành này không dùng đường tắt
Bạn có thể tự hào về code kiểu thủ công tinh xảo, nhưng phía dùng phần mềm cho mục đích kinh doanh vốn dĩ chưa bao giờ quá quan tâm đến chuyện đó
Hơn nữa, triết lý của khoa học máy tính rốt cuộc chẳng phải là ai cũng nên có thể lập trình hay sao
Chúng ta cũng luôn phản đối các rào cản về giấy phép, nên việc code giờ trở thành commodity và rào cản gia nhập gần như biến mất cũng có vẻ là phần kéo dài tự nhiên của điều đó
Có những bài Show HN lúc đầu nhìn khá ấn tượng, nhưng xem kỹ thì hoặc là không chạy được chút nào, hoặc lộ quá rõ là code AI giả vờ như do con người tự viết
Trước đây GitHub còn có giá trị nhất định như một tín hiệu trên CV, nhưng giờ nếu AI làm gần hết thì giá trị tín hiệu đó về cơ bản biến mất
Đừng chỉ hiện phần tóm tắt, tôi muốn thấy cả kết quả chi tiết
Ví dụ nên đưa ra cả danh sách các bài có điểm cao và điểm thấp để người xem tự vibe check xem phương pháp có đúng không
Và thay vì biểu đồ tròn phân loại có phần tùy tiện tại một thời điểm, sẽ tốt hơn nếu cho thấy xu hướng thay đổi theo thời gian
Nếu là giai đoạn MVP hay khám phá thì UI do LLM làm ra vẫn hoàn toàn chấp nhận được
Chỉ là khi món đồ chơi bắt đầu trở thành sản phẩm thì đến lúc cần làm lại UI một cách nghiêm túc
Với giao diện dành cho con người, cuối cùng dấu ấn bàn tay con người vẫn có giá trị
Vấn đề AI làm HN ngập bot thì có liên quan, nhưng là một vấn đề riêng khác về bản chất
Tôi không nghĩ cốt lõi vấn đề là bản thân việc AI tạo ra
Nhưng UI/UX do AI tạo ra một cách cẩu thả thì thật sự là vấn đề
Thẩm mỹ kiểu vibe-coded thường trông như một tín hiệu rằng "người làm chưa suy nghĩ sâu xem thứ này thực sự hoạt động thế nào", và dù công nghệ nền có vững đến đâu thì đó vẫn hoàn toàn là một cờ đỏ