---
title: "unslop — AI 티 나는 UI를 다듬는 Claude Code·Codex 스킬"
url: "https://claudemods.dev/ko/builds/ai-unslop-claude-code-codex-5cb44e"
source: "https://github.com/heydamir/unslop"
source_type: "github"
repo: "https://github.com/heydamir/unslop"
author: "OJ... Always Tired🛌"
author_handle: "bestoj"
stars: 3784
category: "워크플로 및 CI"
categories: ["workflow"]
tags: ["codex", "design-review", "frontend", "skill", "ui-design"]
permission_level: null
scan_complete: false
added: "2026-11-01T04:23:05.651Z"
updated: "2026-11-01T00:06:01Z"
locale: "ko"
content_locale: "ko"
---

# unslop — AI 티 나는 UI를 다듬는 Claude Code·Codex 스킬

unslop은 Claude Code·Codex용 스킬로, 보라색 그라데이션·빛나는 효과·이모지 라벨·들쭉날쭉한 간격 같은 AI 티(슬롭)를 찾아내고 간격→색→아이콘→문구→서체→레이아웃 순서로 한 패스씩 고쳐 줍니다. /unslop 명령 하나로 실행하며 Next.js·React·Vue·Svelte·Tailwind·순수 HTML을 지원한다고 소개합니다.

## Description

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

## Original 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