AI가 짠 UI에서 슬롭을 걷어냅니다

오버라인, 떠다니는 오브, 유리 표면, 그라디언트 텍스트, 무지개 팔레트. 어딘가 촌스러운데 정확히 뭐가 문제인지 짚기 어려운 신호들을, 문답 없이 병렬 점검 파이프라인이 찾아 걷어냅니다.

areas

다섯 영역

A

대표 슬롭 제거

측정 없이 "보이면 삭제". 오버라인·플로팅 오브·글로우·글래스모피즘·그라디언트 텍스트·이모지 아이콘을 전수 대조로 걷어냅니다.

B

레이아웃과 폭

규율 없는 그리드와 제각각 고정 px 폭을 하나의 척도에서 도출한 모듈로 통일합니다.

C

간격

과밀 간격과 죽은 여백을 base × 고정 배수 사다리로 다시 폅니다.

D

타이포

장식 이탤릭을 제거하고 서체 계열을 역할에 고정합니다.

E

시맨틱 역할이 있는 색만 남기고 전부 중립 톤으로 강등, WCAG 대비로 재분배합니다.

pipeline

파이프라인

00

선행 판정

콘텐츠 상수화와 BOLD 게이트를 한 번만 판정해 플래그로 하류에 전달합니다.

01

병렬 정적 점검

다섯 영역을 동시에 점검해 항목마다 check 술어가 달린 findings를 기록합니다.

02

리포트

findings 합본 HTML 리포트를 발행합니다.

03

순차 집행

A부터 E까지, check 미충족 항목만 수정합니다. 교체 값은 레퍼런스에 snap합니다.

04

병렬 재점검

같은 check를 소스에서 재실측해 누락 영역만 재집행합니다.

05

렌더 확인

before/after 캡처 1회로 체감을 확인합니다.

principles

원칙

1

점검표는 평가 함수

"완료" 텍스트를 믿지 않습니다. 모든 항목은 소스에서 매번 참/거짓을 실측하는 check 술어입니다.

2

값은 도출

고정 px를 쓰지 않습니다. 간격은 base × 고정 배수, 폭은 단일 measure 토큰에서 나옵니다.

3

차용은 값만

교체 값은 Tailwind 간격·Radix 팔레트·WCAG 대비 같은 실제 소스에서 옵니다. 카피와 구조는 불가침입니다.

install

설치

/plugin marketplace add vibedesignlab/slopslap
/plugin install slopslap@vibedesignlab
/slopslap