AI가 만든 티 나는 화면, 스킬 하나로 디자이너 손을 거친 것처럼? unslop은 Claude Code·Codex용 스킬이에요. 보라색 그라데이션, 빛나는 효과, 이모지 라벨, 외치는 듯한 문구, 들쭉날쭉한 간격 같은 AI 티(슬롭)를 먼저 찾아내요. 그 다음 제품에 맞는 방향을 잡고, 간격→색→아이콘→문구→서체→레이아웃 순서로 한 패스씩 고쳐요. 수정 전에 방향을 먼저 제안해서 중간에 조정할 수 있어요. Next.js·React·Vue·Svelte·Tailwind·순수 HTML까지 되고, /unslop 명령 하나로 실행해요. 10월 29일 공개 3일 만에 스타 3,500개를 넘었어요. 시사점: 바이브 코딩 결과물이 어딘가 어색하다면, 새로 만드는 게 아니라 다듬는 스킬부터 써보세요. 라이선스는 CC BY 4.0이라 출처 표기가 필요해요. Source: https://github.com/heydamir/unslop
unslop — 打磨 AI 味 UI 的 Claude Code·Codex 技能
unslop 是面向 Claude Code·Codex 的技能,能找出紫色漸層、發光效果、emoji 標籤、參差不齊的間距等 AI 味(slop),並按間距→顏色→圖示→文案→字體→版面配置的順序逐輪修正。/unslop 一個指令即可執行,介紹稱支援 Next.js·React·Vue·Svelte·Tailwind 和純 HTML。
關於這個 mod
AI 生成、一眼看上去就很假的畫面,靠一個技能就能像經過設計師之手?
unslop 是面向 Claude Code·Codex 的技能。它會先找出紫色漸層、發光效果、emoji 標籤、像在喊叫般的文案、參差不齊的間距等 AI 味(slop)。 接著確定適合產品的走向,並按間距→顏色→圖示→文案→字體→版面配置的順序逐輪修正。修改前會先提出方向,因此中途可以調整。 它支援 Next.js·React·Vue·Svelte·Tailwind,甚至純 HTML,/unslop 一個指令即可執行。10 月 29 日發布後 3 天內 Star 數突破 3,500。 啟示:如果 vibe coding 的產出哪裡顯得彆扭,先試試用來打磨的技能,而不是重新做一個。授權為 CC BY 4.0,需要標註出處。
Source: https://github.com/heydamir/unslop
安裝
安裝方式請查看原始來源。
原文 / README
AI가 만든 티 나는 화면, 스킬 하나로 디자이너 손을 거친 것처럼?
unslop은 Claude Code·Codex용 스킬이에요. 보라색 그라데이션, 빛나는 효과, 이모지 라벨, 외치는 듯한 문구, 들쭉날쭉한 간격 같은 AI 티(슬롭)를 먼저 찾아내요. 그 다음 제품에 맞는 방향을 잡고, 간격→색→아이콘→문구→서체→레이아웃 순서로 한 패스씩 고쳐요. 수정 전에 방향을 먼저 제안해서 중간에 조정할 수 있어요. Next.js·React·Vue·Svelte·Tailwind·순수 HTML까지 되고, /unslop 명령 하나로 실행해요. 10월 29일 공개 3일 만에 스타 3,500개를 넘었어요. 시사점: 바이브 코딩 결과물이 어딘가 어색하다면, 새로 만드는 게 아니라 다듬는 스킬부터 써보세요. 라이선스는 CC BY 4.0이라 출처 표기가 필요해요.
Source: https://github.com/heydamir/unslop
