Cách Ngăn Ứng Dụng Của Bạn Trông Giống 'AI Slop'

AI đang ngày càng giỏi đến mức khó tin trong việc xây dựng ứng dụng, nhưng vấn đề là chúng trông như một bản mẫu, cực kỳ cơ bản.

Cũng vẫn những chiếc thẻ bo góc đó.

Cũng vẫn những dải màu chuyển sắc dịu nhẹ đó.

Cũng vẫn bố cục dashboard đó.

Cũng vẫn giao diện đó mà chẳng có ý tưởng thực sự nào đằng sau.

Thế nên mình đã tạo ra một skill cho Claude Code chuyên thiết kế lại giao diện ứng dụng để tránh đúng cái lối mòn đó.

nó bắt đầu từ một ý tưởng chủ đạo

Thay vì bảo Claude làm ra thứ gì đó “sạch sẽ”, “tối giản” hay “cao cấp”, skill này bắt đầu bằng việc tìm ra một concept thị giác thực sự phù hợp với ứng dụng.

Một ứng dụng chạy bộ có thể được xây dựng xoay quanh hình ảnh đường piste điền kinh.

Một ứng dụng theo dõi giấc ngủ có thể mang lại cảm giác như một ngôi làng đang dần chìm vào giấc nồng.

Một ứng dụng về cây cảnh có thể trông như những mảnh giấy cắt dán.

Một ứng dụng học tiếng Ý có thể lấy cảm hứng từ bộ bài Neapolitan.

Concept đó sẽ trở thành nền tảng cho typography, bố cục, màu sắc, hình minh họa và hiệu ứng chuyển động.

Mục tiêu là ngừng thiết kế dựa trên những pattern UI chung chung và bắt đầu từ một ý tưởng thực sự.

nó không dùng ngay thiết kế đầu tiên

Một trong những vấn đề lớn nhất khi thiết kế bằng AI là nó chốt phương án quá sớm.

Bạn đưa prompt, nó tạo ra một hướng đi, rồi mọi thứ cứ thế được xây dựng xoay quanh câu trả lời đầu tiên đó.

Skill này buộc Claude phải khám phá ba hướng đi khác nhau trước đã.

Chỉ sau khi so sánh xong, nó mới chọn một hướng để tiếp tục.

Chỉ riêng điều đó đã khiến kết quả cuối cùng bớt rập khuôn hơn hẳn.

rồi nó tự kiểm tra lại sản phẩm của mình

Sau khi các màn hình được thiết kế xong, chúng sẽ được render ở độ phân giải iPhone thực tế, sử dụng font chữ của Apple.

Tiếp đó, một vòng đánh giá nữa sẽ rà soát những dấu hiệu thường thấy của UI do AI tạo ra.

Các pattern component chung chung, phân cấp thị giác yếu, khoảng cách thiếu nhất quán, thẻ lặp đi lặp lại, gradient thừa thãi, bố cục trông giống template hơn là một sản phẩm thực thụ.

Nếu có gì đó quá rập khuôn, nó sẽ được làm lại thêm một lượt nữa.

quy trình làm việc là:

concept → các hướng đi → thiết kế → render → đánh giá → tinh chỉnh.

vấn đề không nằm ở chỗ làm AI đẹp hơn, mình không tạo ra thứ này vì AI không biết làm giao diện đẹp.

Nó làm được.

Vấn đề là đẹp mắt và khác biệt không phải là một.

Rất nhiều ứng dụng do AI tạo ra trông bóng bẩy khi đứng một mình, nhưng đặt mười cái cạnh nhau thì chúng lại na ná như cùng một sản phẩm.

Những hình ảnh phía trên đều được tạo ra để tránh điều đó.

Các ứng dụng khác nhau phải mang lại cảm giác như những thế giới khác nhau.

Về cơ bản, đó chính là mục đích của skill này:

giữ nguyên tốc độ thiết kế của AI, nhưng không để kết quả cuối cùng trông như thể do AI làm ra.