AI 슬롭은
한 대 맞아야
정신 차립니다
오버라인, 떠다니는 오브, 유리 표면, 그라디언트 텍스트, 무지개 팔레트 — AI가 반사적으로 까는 장식을 문답 없이 병렬 점검 파이프라인으로 걷어냅니다. slopslap은 Claude Code 플러그인입니다.
이 페이지 자체가 데모입니다. 버튼을 누르면 실험 baseline과 같은 슬롭 텔이 페이지 전체에 입혀집니다. 그 상태에서 SLAP을 누르면 — slopslap이 하는 일을 눈으로 보게 됩니다.
다섯 죄
반사적 장식
오버라인·eyebrow, 플로팅 오브, mesh 글로우, 글래스모피즘, 그라디언트 텍스트, 이모지 아이콘. 측정 없이 "보이면 삭제"로 전수 대조합니다.
규율 없는 그리드
섹션마다 다른 고정 px 폭, 표면 속 표면, 좌측 컬러 보더. 폭은 단일 measure 토큰의 하모닉 분할에서만 나옵니다.
과밀 간격
전 간격 16px 균일, 위계 없는 블롭. base × 고정 배수 사다리(hug·within·action·component·section)로 다시 폅니다.
장식 이탤릭
헤드라인 한 단어만 세리프 이탤릭으로 갈아타는 패턴. 이탤릭은 전부 삭제, 서체 계열은 역할에 고정합니다.
무지개 팔레트
형제 콘텐츠마다 유채색 살포. 브랜드·CTA·실재 상태만 색 역할로 인정하고 나머지는 중립으로 강등, WCAG 대비로 재분배합니다.
재판은 여섯 단계
선행 판정
콘텐츠 상수화 + BOLD 게이트를 한 번만 판정, 플래그로 하류 전달.
병렬 정적 점검
A~E 다섯 영역 동시 점검. 항목마다 소스에서 실측하는 check 술어.
리포트
findings 합본 HTML 발행.
순차 집행
check 미충족만 수정. 교체 값은 실측 레퍼런스에 snap.
병렬 재점검
같은 check를 재실측. "완료" 텍스트는 믿지 않는다.
렌더 1회
before/after 캡처로 체감 확인.
말이 아니라 실측
택소노미 검출기. 정적 스캔은 후보를 모으고, 판정은 매번 소스에서 계산합니다.
cmore.dev 실험: 의도적 슬롭 baseline의 플래그 24항목, 집행 후 시그니처 텔 전 항목 0.
같은 카피로 만든 열 개의 결말. 규율이 같아도 얼굴은 전부 다릅니다. 실험 기록 보기
세 줄이면 끝
/plugin marketplace add vibedesignlab/slopslap /plugin install slopslap@vibedesignlab /slopslap
Claude Code에서 실행하세요. 로컬은 claude --plugin-dir . ·
github.com/vibedesignlab/slopslap (MIT)