Claude를 사용하여 'AI가 생성한 것 같은' 인터페이스를 고유한 개성이 있는 디자인으로 변경하세요. 먼저 보라색 그라데이션, 발광 효과, 이모지 라벨, 과장된 카피, 불균일한 간격 등 AI 특유의 흔적을 나열하고, 제품 정체성에 맞춰 방향을 설정한 후 간격, 색상, 아이콘, 카피, 폰트, 레이아웃, 디테일, 비주얼, 모션 순으로 단계별로 수정합니다.
스타 수 1100 (+58 / 24h)
이유
- 수정 전에 감사 결과와 디자인 방향을 제시하므로 초기에 방향을 잡을 수 있으며, 인터페이스가 이미 우수하다면 이를 명시하고 몇 가지 사소한 변경 사항만 제안합니다.
- 시나리오 이미지가 필요할 경우 fal, Replicate, OpenAI 이미지 또는 Higgsfield를 통해 생성할 수 있고, 연동되지 않았다면 MCP 서버로 연결하는 것을 제안합니다. 또한 Playwright와 ffmpeg를 사용하여 10초 이내의 '인터페이스 변신' 정사각형 짧은 영상을 제작할 수 있습니다.
- examples 폴더에는 수정 대상이 되는 두 개의 예시 인터페이스가 포함되어 있습니다.
사용법
- git clone 후 skills/unslop을 ~/.claude/skills/로 복사하세요(단일 프로젝트의 경우 .claude/skills/에 배치).
- Claude Code에서 /unslop this dashboard, /unslop the hero of <URL>를 입력하거나, 직접 원하는 내용을 요청하세요.
리스크
- README가 매우 짧아 Claude Code 설치 방법만 기재되어 있고 효과 평가는 없으며, 이미지 생성을 위해 유료 이미지 서비스 연동이 필요합니다.
- 라이선스는 CC BY 4.0이며, 재배포 시 저자 표기와 저장소 링크를 포함해야 합니다. 저장소는 10월 29일에 생성되었습니다.