비슷비슷한 AI 제작 사이트 디자인을 고치는 Claude Code 플러그인
Claude Code와 에서 쓸 수 있는 플러그인인 Unslop은 로 만든 웹사이트가 비슷한 모습으로 굳어지는 문제를 줄이기 위해 만들어졌다. v0, , Claude로 만든 결과물이 남색 버튼, 보라색 계열 배경, 읽기 어려운 회색 글자처럼 반복된다는 문제의식에서 출발했다. 이 도구는 프로젝트 안에서 세 단계로 작동한다.
먼저 화면 캡처, 글자 대비 검사, 흔한 AI식 탐지를 통해 사이트를 점수로 평가한다. 다음으로 브랜드에 대해 질문하고, 그 답을 바탕으로 맞춤형 디자인 방향을 만든다. 마지막으로 페이지 구역을 하나씩 고치며 매번 다시 빌드해 사이트가 깨지지 않는지 확인한다.
예시에서는 기본 AI 제작 페이지가 27점에서 100점으로 올라갔다. 현재는 와 프로젝트만 지원한다.
핵심 포인트
- Unslop은 이며 에서도 쓸 수 있다.
- 로 만든 사이트에서 자주 보이는 비슷한 색, 버튼, 글자 대비 문제를 점검한다.
- 화면 캡처와 대비 검사, 탐지로 사이트를 점수화한다.
- 브랜드 질문을 바탕으로 맞춤형 디자인 방향을 만든 뒤 구역별로 적용한다.
- 현재 지원 범위는 와 프로젝트로 제한된다.
이 사건을 다룬 원문 (3)
- r/codex비슷비슷한 AI 제작 사이트 디자인을 고치는 Claude Code 플러그인 ↗
- r/ClaudeAIunslop-ui (v2): a Claude skill that flags and removes the design patterns that make a website look AI-generated. (Part 2) ↗
- r/ClaudeAIunslop-ui: a Claude skill that flags and removes the design patterns that make a website look AI-generated. ↗