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向けのスキルで、紫のグラデーション、光るエフェクト、絵文字ラベル、不揃いな余白といったAIっぽさ(スロップ)を見つけ、余白→色→アイコン→コピー→書体→レイアウトの順に1パスずつ修正します。/unslopコマンド1つで実行でき、Next.js・React・Vue・Svelte・Tailwind・素のHTMLをサポートすると紹介しています。
この mod について
AIが作った、どこか不自然な画面を、スキル1つでデザイナーの手が入ったように?
unslopはClaude Code・Codex向けのスキルです。紫のグラデーション、光るエフェクト、絵文字ラベル、叫ぶようなコピー、不揃いな余白といったAIっぽさ(スロップ)をまず見つけます。 次に製品に合った方向性を定め、余白→色→アイコン→コピー→書体→レイアウトの順に1パスずつ修正します。修正前に方向性を先に提案するので、途中で調整できます。 Next.js・React・Vue・Svelte・Tailwind、そして素のHTMLまで対応し、/unslopコマンド1つで実行します。10月29日の公開から3日でスター3,500個を超えました。 示唆:バイブコーディングの成果物がどこかぎこちないなら、新しく作るのではなく、整えるスキルから使ってみましょう。ライセンスは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
