33k+ 스타(star)를 보유한 프론트엔드 디자인 스킬인 Impeccable을 발견했습니다. 이는 AI가 더 나은 프론트엔드 디자인을 만들 수 있도록 전문적으로 설계되었습니다. AI에게 코드를 작성하는 법을 가르치는 것이 아니라, 무엇이 좋은 디자인이고 무엇이 AI slop인지 가르칩니다.

GitHub: https://t.co/2hD947suZ3

온라인 체험: https://t.co/0vHpZWzt2z

이 도구가 해결하고자 하는 문제는 다음과 같습니다. 모든 모델이 동일한 SaaS 템플릿 세트로 학습되었기 때문에, 별도의 가이드가 없으면 모두 똑같은 결과물을 출력한다는 점입니다. 즉, Inter 폰트, 보라색과 파란색의 그라데이션, 카드 안의 카드 구조, 유채색 배경 위의 회색 텍스트, 모든 제목 위에 놓인 라운드 사각형 아이콘 등이 반복됩니다.

Impeccable은 7개의 영역별 참조 파일(타이포그래피, 배색, 애니메이션, 공간, 상호작용, 반응형, UX 카피라이팅), 23개의 디자인 명령어(polish / audit / critique / distill / animate / bolder / quieter 등), 27개의 확정적 안티 패턴(anti-pattern) 규칙 및 12개의 LLM(대규모 언어 모델) 검토 규칙을 제공합니다. 또한 CLI(명령줄 인터페이스)와 브라우저 확장 프로그램을 통해 LLM 없이도 직접 안티 패턴을 탐지할 수 있습니다.

Cursor, Claude Code, Gemini CLI, Codex CLI, OpenCode, Pi, GitHub Copilot, Trae, Rovo Dev, Qoder 등 십여 개의 도구를 지원하며, CLI를 통해 원클릭 설치가 가능하고 사용자의 harness를 자동으로 감지하여 올바른 위치에 작성해 줍니다.

이 도구는 다음과 같은 분들에게 적합합니다.

• AI로 프론트엔드 개발을 하며 진부하지 않은 결과물을 원하는 개발자
• 팀의 디자인 규격을 구축하고 AI가 통일된 디자인 언어를 따르도록 만들고 싶은 제품 팀
• AI가 생성한 프론트엔드 코드의 디자인 품질을 빠르게 검토하고 싶은 디자이너
• AI 프로토타이핑 도구나 AI IDE 플러그인을 제작하며 내장된 디자인 가이드가 필요한 개발자

AI가 더 나은 프론트엔드 디자인을 출력하게 하고 AI slop을 피하고 싶다면, 이 스킬을 시도해 보세요.