yetone/kill-ai-slop

A field guide to the visual & copy tics of AI-generated products — and an Agent Skill that scans your project and strips them out. https://killaislop.com

해결하는 문제

AI 생성 제품이 자주 기본으로 사용하는 반복적이고 일반적이며 종종 맛없는 시각적 패턴(예: 인디고 그라데이션, 빛나는 카드 등)인 'AI 슬롭'을 해결합니다. 이러한 패턴을 식별할 수 있는 교육용 가이드와 이를 제거하는 도구를 제공합니다.

작동 방식

이 프로젝트는 두 가지 주요 구성 요소로 이루어져 있습니다:

  • 현장 가이드 웹사이트: 33개의 특정한 'AI 슬롭 신호'를 카탈로그화한 다국어 웹사이트로, 수정 전/후를 인터랙티브하게 보여주는 데모를 제공합니다.
  • 에이전트 스킬: kill-ai-slop라는 도구로, Claude Code나 Cursor와 같은 AI 코딩 에이전트에 통합하거나 독립 실행형 스캐너로 사용할 수 있습니다. 이 도구는 웹 프로젝트 코드를 스캔하여 이러한 디자인 신호를 탐지하고, 왜 기계적으로 보이는지 설명하며, 공유된 분류 체계에 따라 깨끗한 수정안을 제안하거나 적용합니다.

대상 사용자

일반적인 AI 생성 미학을 피하고, 제품에 정교하고 인간이 큐레이션한 느낌을 유지하고자 하는 웹 개발자 및 디자이너입니다.

주요 특징

  • 인터랙티브 카탈로그: 33개의 실제 사례 디자인 신호와 좌우 비교 가능한 HTML 재구성 예시 제공.
  • 에이전트 통합: AI 코딩 에이전트에 쉽게 설치 가능한 스킬로, '스로핑 제거' 프로세스를 자동화할 수 있습니다.
  • 독립 실행형 스캐너: 종속성 없이 실행 가능한 Node.js 스크립트로, 그룹화된 보고서나 JSON 형식의 디자인 문제 보고서를 생성할 수 있습니다.
  • 다국어 지원: 현장 가이드는 영어, 중국어(간체), 일본어, 한국어로 제공됩니다.

관련

  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트