suta — AI 슬롭 없는 UI

AI에게 UI를 맡기면 어디서 본 듯한, 티 나는 결과가 나온다. 모든 섹션을 카드로 감싸고 간격을 한 값으로 맞추고, 그라데이션과 배지로 꾸민다. 장식을 걷어 내도 흰 바탕에 선만 남고, 강조색은 프레임워크 기본 파랑이고, 상태마다 연노랑·주황·연두 알약을 붙이고, 같은 정보와 버튼을 두세 곳에 반복하고, 글자는 작고 흐리다. 모든 요소에 transition: all을 붙이고, height·top을 움직여 화면이 버벅이고, 동작 줄이기 설정을 무시하고, div에 onClick을 달아 키보드로 쓸 수 없게 만든다. 이 스킬은 그런 UI가 나오지 않게 한다. 아래 금지선을 지키고, 검증된 패턴 56종(테스트·접근성·reduced-motion을 갖춘 코드)을 프로젝트에 맞게 가져다 쓴다.

수타(手打)는 기계가 아니라 손으로 친다는 뜻이다. 찍어낸 UI가 아니라 손으로 다듬은 UI를 목표로 한다.

폴더 지도

작업 절차