WEBBOOK CHAPTER

AI 웹 디자인 디렉팅: 16장 prompt를 네 개의 파일로 나눠 재현한다

16장 prompt를 네 개의 파일로 나눠 재현한다

긴 대화 하나에 기억을 맡기지 않는다. repository에 다음을 둔다.


design/
  brief.md        # 사용자·task·성공·금지
  direction.md    # visual axes·reference observation
  content.json    # 실제 문구·가격·상태 fixture
  review.md       # acceptance criteria·known issue

AI 작업의 매 turn에는 전체 요구를 반복하지 않고 변경 대상과 invariant를 명시한다.


변경 대상: class card 내부 hierarchy만.
유지: section width, three-column grid, actual copy, button behavior.
목표: price/time 비교가 설명보다 먼저 스캔되게.
반례: 320px에서 price가 잘리거나 CTA가 card마다 다른 높이가 되면 실패.
산출: 변경 diff와 이유, 영향을 받는 viewport 목록.

prompt도 source code처럼 review한다. “세련된” 같은 검증 불가능한 단어, 실제로 없는 사용자 data, 제3자 brand 복제 지시, scope creep을 제거한다.