No 67. I Built My Portfolio with Vibe Coding in 30mins! có gì mới?

• Tác giả đã làm xong một website portfolio cá nhân chỉ trong khoảng 30 phút.
• Thay vì tự viết từ đầu, tác giả dùng AI để tạo khung trang web rồi chỉnh dần bằng câu lệnh.
• Công cụ được chọn là Replit, vì có thể viết, xem trước và đăng tải ngay trong một chỗ.
• AI giúp làm nhanh phần cấu trúc, còn “gu thẩm mỹ” của người làm vẫn quyết định trang có đẹp và rõ ràng hay không.
• Bài học chính: trong thời AI, quan trọng là biến ý tưởng thành bản mẫu nhanh để thử, không cần chờ sản phẩm hoàn hảo.

Cách đây vài năm, làm một trang portfolio cá nhân thường là việc khá tốn công. Bạn có thể phải tự thiết kế trên Figma, rồi nhờ người khác hoặc tự chuyển thành website, hoặc tìm mua mẫu có sẵn ở Wix, Squarespace, Framer. Cách đó vẫn hiệu quả, nhưng thường chậm và hơi cứng. Nếu bạn muốn một trang mang đúng cá tính riêng, bạn dễ bị giới hạn bởi khuôn mẫu có sẵn.

Dùng “vibe coding” để xây cả portfolio trong khoảng 30 phút. Hiểu đơn giản, đây là cách làm web bằng việc mô tả mong muốn cho AI, thay vì ngồi gõ từng dòng code từ đầu. Nói dễ hiểu hơn, bạn giống như “ra đề bài” cho một trợ lý thông minh. Trợ lý sẽ dựng sẵn bản nháp, còn bạn chỉ cần chỉnh dần cho đúng ý. Điểm hấp dẫn của cách làm này không chỉ là nhanh. Nó còn giúp người làm thể hiện phong cách cá nhân rõ hơn, vì bạn không bị ép phải khớp với một template có sẵn. Theo tác giả, khi rào cản giữa “ý tưởng” và “làm ra thứ gì đó” giảm xuống, bạn có thể đưa gu thẩm mỹ của mình vào sản phẩm ngay từ đầu. Kết quả không chỉ là một website hoạt động được, mà là một website “trông giống mình”. Tác giả chọn Replit để làm dự án này. Replit có thể hiểu như một không gian làm việc tất cả trong một: viết code, xem trước kết quả, sửa lỗi và triển khai website đều có thể làm ở đó.

Với người không chuyên công nghệ, điều này quan trọng vì nó bớt rườm rà. Bạn không cần chuyển qua lại giữa nhiều phần mềm hay tự cấu hình môi trường phức tạp. Cách làm của tác giả khá đơn giản. Đầu tiên là đưa một yêu cầu ngắn gọn cho AI, kiểu như: hãy tạo một website portfolio sạch sẽ cho một product designer, có các mục dự án, thử nghiệm và bài viết, với phong cách tối giản, hiện đại và chú trọng chữ. AI chỉ mất vài giây để tạo ra bản khung đầu tiên. Bản này đã có điều hướng cơ bản, bố cục đáp ứng tốt trên nhiều màn hình, và các thẻ dự án mẫu. Từ đó, tác giả không sửa từng dòng lệnh một cách thủ công. Thay vào đó, tác giả tiếp tục “nói chuyện” với AI bằng những yêu cầu nhỏ hơn để chỉnh giao diện. Ví dụ, tác giả yêu cầu thêm một mục tên “Vibe Coding” để trưng bày các bản thử nghiệm AI. Sau đó lại thêm phần viết bài, rồi thêm khu vực giới thiệu các buổi nói chuyện, sự kiện đã tham gia.

Thay vì làm việc chủ yếu bằng cú click và chỉnh sửa kỹ thuật, người dùng đang “nắn” sản phẩm bằng ngôn ngữ tự nhiên. Đây là điểm khiến vibe coding khác với cách làm web truyền thống. Sau phần khung, tác giả thay nội dung giả bằng nội dung thật. Các dự án được đưa vào gồm những công việc ở Microsoft Copilot, Spotify, Nextdoor và VMware. Phần thú vị là cấu trúc đã có sẵn từ trước, nên tác giả không phải lo dựng lại bố cục mỗi lần thay nội dung. Việc còn lại chủ yếu là kể câu chuyện rõ hơn và chọn cách trình bày phù hợp. Tác giả cũng nhấn mạnh rằng AI có thể tạo layout, nhưng “gu” thiết kế vẫn rất quan trọng. Layout là cách sắp xếp các phần trên trang; còn “gu” ở đây là cảm giác về thứ tự, khoảng trắng, độ cân bằng, và mức độ dễ đọc. Để trang trông tốt hơn, tác giả dành thêm vài phút chỉnh các yếu tố như cỡ chữ, khoảng cách giữa các khối nội dung, mức độ nổi bật của từng thẻ, và cách dùng màu.

Nói ngắn gọn, AI dựng nhà, còn người thiết kế chọn cách bài trí cho ngôi nhà đó có cảm giác dễ chịu.

AI giỏi tạo khung, nhưng con người mới tạo ra sự rõ ràng. Một trang có thể “chạy được”, nhưng để thật sự dễ xem và có cá tính, vẫn cần mắt nhìn và kinh nghiệm của người làm. Đến bước cuối, việc đăng tải website cũng khá nhẹ nhàng. Các nền tảng như Replit hay Vercel cho phép xuất bản trang web nhanh, và một số nơi còn cho mua tên miền ngay trong ứng dụng. Tên miền có thể hiểu là địa chỉ website của bạn trên internet, ví dụ như tenban.com. Tác giả cho biết chi phí mua tên miền qua các nền tảng này có thể rẻ hơn nhiều so với dùng dịch vụ làm web truyền thống, thậm chí chỉ khoảng 5 đô mỗi năm. Điều tác giả muốn chia sẻ không phải là “ai cũng nên làm portfolio trong 30 phút”. Thay vào đó, thông điệp chính là: trong thời AI, kỹ năng đáng giá là biết biến ý tưởng thành bản thử nhanh, đủ thật để đem ra xem và chỉnh tiếp.

Điều đó rất hữu ích với người làm sản phẩm, thiết kế, marketing hay bất kỳ nghề nào cần trình bày năng lực cá nhân. Portfolio không cần hoàn hảo ngay từ đầu, nhưng nên đủ rõ để người khác hiểu bạn làm gì và bạn có điểm mạnh nào.

• Làm portfolio không còn nhất thiết phải bắt đầu bằng việc thiết kế thủ công từ đầu.
• AI có thể giúp tạo khung trang web rất nhanh, đặc biệt với những trang có cấu trúc rõ ràng.
• Người dùng có thể chỉnh sản phẩm bằng mô tả ngắn thay vì phải sửa sâu vào kỹ thuật.
• Phần nội dung và cách kể chuyện vẫn rất quan trọng, vì đó là thứ khiến portfolio khác biệt.
• Dù có AI hỗ trợ, cảm nhận thẩm mỹ của con người vẫn là yếu tố quyết định chất lượng cuối cùng.

Một điểm đáng chú ý nữa là cách tác giả dùng AI theo kiểu “làm xong từng lớp”. Đầu tiên là khung tổng thể, sau đó là các mục con, rồi tới nội dung thật, cuối cùng mới tinh chỉnh vẻ ngoài. Cách làm này phù hợp với nhiều người không biết lập trình. Bạn không cần hiểu mọi dòng code để có thể tạo ra một trang web cá nhân dùng được. Nếu nhìn rộng hơn, câu chuyện này phản ánh xu hướng mới trong công việc sáng tạo: người làm không chỉ là “người thiết kế” hay “người viết nội dung”, mà còn có thể là người biến ý tưởng thành sản phẩm chạy được rất nhanh. Trong nhiều trường hợp, một bản mẫu tốt còn quan trọng hơn một bản hoàn hảo nhưng chưa bao giờ được tung ra. Tất nhiên, cách làm này không phải lúc nào cũng thay thế hoàn toàn phương pháp truyền thống. Nếu dự án lớn, cần tính ổn định cao hoặc yêu cầu kỹ thuật phức tạp, vẫn cần người có chuyên môn kiểm tra kỹ.

Nhưng với các trang cá nhân, landing page, thử nghiệm ý tưởng hay portfolio, vibe coding đang mở ra một cách làm nhanh hơn rất nhiều. Bạn có thể coi đây là công cụ để rút ngắn đường từ “muốn làm” đến “đã có bản thật”. Quan trọng nhất là đừng nghĩ AI sẽ thay toàn bộ vai trò của con người. Trong bài này, tác giả cho thấy AI chỉ là phần tăng tốc. Phần làm nên khác biệt thật sự vẫn là chọn nội dung, sắp xếp hợp lý và giữ đúng phong cách cá nhân. Nếu bạn đang muốn làm portfolio nhưng cứ chần chừ vì sợ tốn thời gian, bài học ở đây khá rõ: hãy bắt đầu bằng một bản nháp đơn giản. Làm đủ nhanh để nhìn thấy nó, rồi sửa dần cho tốt hơn.

Nếu bạn bận và không muốn đọc một bài dài từ đầu đến cuối, các bản tóm tắt trên Insight giúp bạn nắm ý chính rất nhanh. Thay vì mất thời gian lọc qua nhiều đoạn giải thích, ví dụ và chi tiết phụ, bạn có thể hiểu ngay điều tác giả muốn nói là gì, áp dụng vào đâu, và có đáng quan tâm hay không. Insight cũng giúp lọc bớt nhiễu. Nhiều bài gốc có thể hay, nhưng thường đi kèm ngôn ngữ kỹ thuật, cách kể vòng vo, hoặc quá nhiều chi tiết chỉ hợp với người trong nghề. Bản tóm tắt sẽ chuyển những ý đó sang tiếng Việt tự nhiên, ngắn gọn và dễ hiểu hơn cho người không chuyên. Quan trọng hơn, bạn vẫn nắm được giá trị thực tế của nội dung. Chỉ cần vài phút, bạn đã biết xu hướng mới là gì, nó liên quan đến công việc hoặc cuộc sống ra sao, và có nên đọc sâu thêm hay không. Đây là cách học nhanh, tiết kiệm thời gian mà vẫn không bỏ lỡ thông tin quan trọng.