📦 인수인계서 — web-designer

새 방은 이 파일 먼저. 규칙 = rules.md, 지식 본문 = kb/. 에이전트 정의 = C:\Users\delix\.claude\agents\web-designer.md.

🆕 2026-09-04 — 웹디자인 전문 에이전트 신설 ✅

[페페] 지시 = 「웹 디자인 전문 에이전트를 생성해라. 실제 웹디자이너가 신경 쓰는 부분들을 웹조사해서 매뉴얼을 만든다. 특히 버튼 내 텍스트 넘침으로 인한 줄바꿈 버그, 버튼 위치 배치, 폰트 선택, 폰트 크기(중요: 예외 외에는 폰트는 13을 기준. 그 이하는 작아서 잘 안 보인다), 부트스트랩 같은 자료 활용 요령 등 그 외에도 필요한 항목들을 조사, 매뉴얼 구축. 나에게 에이전트가 짚지 못한 아이디어를 제안할 정도의 수준이 되어야 한다. 생성 후에 pfs 작업에는 항상 이 에이전트를 상담 대상으로 지정한다.」

[페페] 그릴링 답 = 권한 범위 = 「상담 + 실사 진단」(코드 수정은 코디).

산출물

조사 방법

• Workflow 33에이전트 = 주제 15개 병렬 웹조사 → 주제별 적대적 팩트체크(1차 출처 확인) → 누락비평·아이디어뱅크·한국형 심화.
• 코덱스 상의 1건(개발자가 빠뜨리는 실무 디자이너 항목 10개) → 권한별 노출·인쇄·엑셀·표기통일이 KB-17 이 됐다.
• 코디 직접 실측 = C:\dev\pfs 리포 코드 + 테스트 서버 Playwright 감사.

🔑 조사 중 찾아낸 PFS 실결함 (전부 실측 · 상세 = kb/00-pfs-lens.md)

1. 폰트 스택이 문법적으로 죽어 있다 — scss/_layout.scss:3 의 font-family:"Montserrat", sans-serif, "Apple SD Gothic Neo", "Malgun Gothic" 에서 제네릭 sans-serif 뒤의 한글 폰트 2개는 절대 안 쓰인다. 한글은 OS 기본으로 폴백 중. 같은 리포 인쇄 CSS(estimate_print_v2.css:19)는 이미 "Noto Sans KR","Pretendard",… 13px 로 제대로 하고 있다.
2. 전역 포커스 표시 제거 — style.css:63 의 * { outline: none; }. 리포에 :focus-visible 규칙 0건.
3. 테마 강조색 대비 미달 — .btn-themecolor #20aee3 + 흰 글자 = 2.55:1(UI 컴포넌트 기준 3:1 에도 미달). 호버 시 opacity:.7 라 더 나빠진다.
4. BS4 기본 버튼색도 미달 — .btn-primary 3.98 · .btn-success 3.13 · .btn-info 3.04 (흰 글자 기준, 4.5 필요).
5. 13px 하한 위반 12종(/field/list 실측) — 11px a×2 · 11px span×21 · 12px .nav-small-cap×7 · 12px .btn-sm×3.
6. 터치타겟 24px 미만 3종 — input h=23 · span 본건 36×21 · button 연결 34×19.
7. CSS @import 사슬 20여 개(외부 DataTables CDN 포함) = 렌더 블로킹 워터폴. - ✅ 통과 확인(손댈 필요 없음): 가로 넘침 0 · 버튼 줄바꿈 0 · 빈 버튼 0 · 콘솔 에러 0 · 본문색 13.16:1.

⏳ 페페 판단 대기

• 위 1~7 중 무엇을 언제 고칠지. 특히 ①폰트 스택 교체는 전 페이지 글자 모양이 바뀐다 → 전/후 비교 후 결정.
• 13px 하한을 기존 잔존분에도 소급할지(신규만 막을지).

다음

• 첫 실전 = 다음 pfs UI 작업에서 web-designer 상담 → 매뉴얼이 실제로 쓸모 있는지 검증하고 KB 보강.