Có một kiểu UI mà ai dùng AI để code cũng nhận ra ngay. Gradient tím, glow mờ ảo, nhãn dán emoji khắp nơi, copy viết hoa giật gân, khoảng cách thì lệch. Dân tình gọi nó là “vibecoded” hoặc “AI-looking UI”. Damir Sokolovsky (@heydamir) vừa đẩy lên GitHub một skill cho Claude để dọn dẹp đống đó, tên là unslop.
Nó làm gì, cụ thể
unslop là một skill cho Claude, không phải app, không phải CLI riêng. Bạn cài nó vào thư mục skills của Claude Code, gõ lệnh, và nó sẽ soi màn hình bạn đưa vào. Việc đầu tiên nó làm là audit: liệt kê từng dấu hiệu “slop” và chỉ ra chúng nằm ở đâu. Gradient tím ở hero. Glow ở button. Emoji trong label. Copy kiểu “SHIP FASTER!!!” chứ không phải câu người ta nói. Spacing không đều giữa các card.
Sau khi audit xong, nó đề xuất một direction trước khi sửa bất cứ thứ gì. Direction gồm character (tính cách), world (không gian), một hai khoảnh khắc mang màu chủ đạo, và một signature detail. Tất cả lấy từ chính sản phẩm của bạn, không phải template có sẵn. Bạn duyệt direction rồi nó mới sửa, từng pass một, giống designer làm redline review. Thứ tự pass cố định: spacing, color, icons, copy, type, layout, details, visuals, motion.
Điểm tôi thấy đáng giá nhất là câu này trong README: nếu màn hình đã ổn rồi, nó nói thẳng là ổn và chỉ gợi ý vài chỉnh nhỏ, không redesign. Mấy công cụ “làm đẹp tự động” thường mặc định cái gì cũng dở và đập đi xây lại. Cái này thì không.
Nó chạy được với mọi thứ màn hình bạn đang dùng: Next.js, React, Vue, Svelte, Tailwind, hoặc HTML/CSS thuần, trên dashboard, app, landing page. Kể cả site đang live khi bạn chỉ có mỗi cái link.
Vì sao 1.010 sao trong ngày đầu
Repo tạo ngày 2026-10-29 và cập nhật cùng ngày. Nghĩa là nó mới toanh, 1.010 sao đến trong đúng một ngày. Con số đó nói lên hai chuyện.
Thứ nhất, nhu cầu có thật. Cả một thế hệ dev giờ code bằng AI, ship nhanh, nhưng giao diện ra thì na ná nhau. Ai cũng thấy nhưng không ai có quy trình sửa. Thứ hai, Damir đã có sẵn audience từ series “Unslopping” trên X, nên repo không phải cold start.
Điểm khác biệt so với mấy tool design khác: nó là skill chứ không phải sản phẩm độc lập. Bạn không phải mở tab mới, không phải export gì. Nó sống trong workflow Claude Code của bạn và sửa trực tiếp file. Với người đã quen Claude Code thì đây là lợi thế rõ.
Cài và chạy thử
Clone repo rồi copy skill vào thư mục skills của Claude Code:
git clone https://github.com/heydamir/unslop
mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/Nếu chỉ muốn dùng cho một project, copy vào .claude/skills/ bên trong project đó thay vì thư mục global.
Dùng thì gõ /unslop kèm thứ bạn muốn, hoặc nói bằng lời thường, Claude tự nhận skill:
/unslop this dashboard
/unslop the hero of https://example.com
/unslop my landing page and make the story video so I can post itLệnh thứ ba cho ra thêm một video vuông dưới 10 giây quay cảnh màn hình tự unslop chính nó, để đăng lên mạng. Cái này cần Playwright và ffmpeg cài sẵn. README có nói rõ.
Về phần visuals: khi hero cần một cảnh hoặc một object, nó có thể generate qua fal, Replicate, OpenAI images hoặc Higgsfield. Nếu chưa kết nối dịch vụ nào, nó đề nghị kết nối như một MCP server, hiện prompt và hỏi trước mỗi lần generate tốn tiền. Dashboard và app hầu như không cần phần này.
Ai nên dùng
Hợp nhất với người dùng Claude Code hàng ngày và có màn hình “tạm được” từ AI nhưng ngại sửa tay. Landing page làm vội cho side project. Dashboard nội bộ do chính team code bằng prompt. Prototype đem đi demo mà visual còn ngại.
Không hợp với người không xài Claude Code, hoặc đang có design system chặt do designer viết. Skill này dựa vào cảm nhận thẩm mỹ của model, không đối chiếu token hay component library của bạn. Nếu team đã có hệ thống design rõ ràng, nó có thể đề xuất mấy hướng lệch với hệ thống đó.
Ưu điểm và hạn chế
Ưu điểm thực tế: có audit trước khi sửa, có direction duyệt trước khi đụng file, sửa theo pass chứ không phải một phát redesign toàn bộ. Đọc README thấy tác giả hiểu nghề designer chứ không chỉ prompt engineering. Phần generate ảnh có bước xác nhận trước khi tốn tiền, chi tiết nhỏ nhưng đáng tin.
Hạn chế thì phải nói thẳng. Repo đúng một ngày tuổi, chưa có test, chưa có issue nào làm bằng chứng cộng đồng thực sự dùng ngoài lượt star. License là CC BY 4.0, dùng, sửa, chia sẻ kể cả thương mại được, miễn ghi công Damir Sokolovsky và link về repo. CC BY là license cho nội dung, hơi lạ với code, nên nếu bạn định nhúng skill này vào sản phẩm thương mại thì đọc kỹ phần attribution một lần. README khá gọn, không có tài liệu kiểu API hay cấu hình chi tiết. Nó là skill, cài xong là chạy, nhưng muốn tùy biến cách nó hoạt động thì phải mò file bên trong.
Một điểm nữa: nó phụ thuộc vào Claude. Nếu bạn dùng Cursor, Copilot hay model khác thì skill này không chạy được ở dạng hiện tại, trừ khi bạn tự port logic sang.
Kết
1.010 sao trong một ngày là con số ấn tượng, nhưng đừng đọc nó thành “đã được kiểm chứng lâu dài”. Đây là công cụ của một người, ra mắt hôm 29-10, giải quyết đúng một nỗi đau rất cụ thể: AI viết UI na ná nhau và không ai có quy trình sửa. Nếu bạn code bằng Claude Code mỗi ngày và có một màn hình đang thấy “sai sai”, thử clone về, chạy /unslop trên một trang, xem nó audit ra cái gì. Mất vài phút, và bạn sẽ biết ngay nó có hợp gu không. Repo ở đây: heydamir/unslop.
Câu hỏi thường gặp
unslop là gì và dùng để làm gì?
unslop là một skill cho Claude do Damir Sokolovsky (@heydamir) phát triển, dùng để dọn dẹp kiểu giao diện “AI-looking UI” với gradient tím, glow mờ ảo, emoji khắp nơi và spacing lệch. Nó không phải app hay CLI riêng mà cài vào thư mục skills của Claude Code, sau đó audit màn hình, đề xuất direction rồi mới sửa từng pass.
Cài unslop cho Claude Code như thế nào?
Bạn clone repo rồi copy skill vào thư mục skills của Claude Code bằng lệnh git clone https://github.com/heydamir/unslop và mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/. Nếu chỉ dùng cho một project, copy vào .claude/skills/ bên trong project đó thay vì thư mục global.
unslop có dùng được với Cursor hay Copilot không?
Không, ở dạng hiện tại skill này phụ thuộc vào Claude. Nếu bạn dùng Cursor, Copilot hay model khác thì nó không chạy được, trừ khi bạn tự port logic sang. Nó chạy được với mọi màn hình như Next.js, React, Vue, Svelte, Tailwind hoặc HTML/CSS thuần, kể cả site đang live khi bạn chỉ có mỗi cái link.
