2026-09-04(금) 세션 — web-designer 에이전트 신설 + 매뉴얼 20파일 — 기록: [코디]
논의·결정
[페페] 지시 = 「웹 디자인 전문 에이전트를 생성해라. 실제 웹디자이너가 신경 쓰는 부분들을 웹조사해서 매뉴얼을 만든다. 특히 버튼 내 텍스트 넘침으로 인한 줄바꿈 버그, 버튼 위치 배치, 폰트 선택, 폰트 크기(중요: 예외 외에는 폰트는 13을 기준. 그 이하는 작아서 잘 안 보인다), 부트스트랩 같은 자료 활용 요령 등 그 외에도 필요한 항목들을 조사, 매뉴얼 구축. 나에게 에이전트가 짚지 못한 아이디어를 제안할 정도의 수준이 되어야 한다. 생성 후에 pfs 작업에는 항상 이 에이전트를 상담 대상으로 지정한다.」
[페페] 그릴링 답 = 권한 범위 = 「상담 + 실사 진단」(Playwright 프로브·스크린샷·cody-vision 까지 직접, 코드 수정은 코디). 근거 = PFS 는 「헤드리스 통과 → 실기에서 4건 더 터짐」 이력이 있어 눈으로 보는 진단이 값어치가 크다.
산출물
| 무엇 | 전체 경로 |
|---|---|
| 에이전트 정의 | C:\Users\delix\.claude\agents\web-designer.md |
| 매뉴얼 20파일 (283,873자) | C:\dev\seedchain\projects\web-designer\kb\ |
| 범용 디자인 감사기 | C:\dev\pfs\scripts\_design_audit.py |
| devplan 페이지 | C:\dev\devplan\web-designer.html (허브 카드 ai/live 등록) |
| 상담 지정 3곳 | C:\dev\CLAUDE.md §3 · C:\dev\pfs\CLAUDE.md 🎨절 · projects\pfs\rules.md 🆕 |
방법
- Workflow 33에이전트 — 주제 15개 병렬 웹조사 → 주제별 적대적 팩트체크(1차 출처 직접 확인) → 합성 3.
중간 스톨 1회(2에이전트 445초 무응답) →
TaskStop→resumeFromRunId로 복구. 세션 재시작으로 합성 3건은 미실행 → 결과 34건을 transcript 에서 직접 회수해 KB 로 변환하고, 합성분(한국형 심화 · 아이디어 뱅크)은 코디가 직접 작성. - 코덱스 상의 1건 — 「개발자가 빠뜨리는데 실무 디자이너는 챙기는 항목 10개」 → KB-17(권한·인쇄·엑셀·표기통일).
- 코디 직접 실측 —
C:\dev\pfs코드 읽기 + 테스트 서버 Playwright 감사 + 대비비 계산.
🔑 조사 중 찾아낸 PFS 실결함 (전부 실측 · 상세 = kb/00-pfs-lens.md)
- [P1] 버튼 라벨이 실제로 접힌다(페페 1순위 지목) —
/field/orderpaper모바일 390/360px 에서연결변경11px 4줄(w=29,h=68) · 탭📦 자재관리14px 3줄(h=81) · 640px(200%확대) 버튼 30개. 데스크톱 0건. - [P1] 폰트 스택이 문법적으로 죽어 있다 —
scss/_layout.scss:3의"Montserrat", sans-serif, "Apple SD Gothic Neo", "Malgun Gothic"에서 제네릭sans-serif뒤 한글 폰트 2개는 절대 안 쓰인다. 같은 리포 인쇄 CSS(estimate_print_v2.css:19)는 이미"Noto Sans KR","Pretendard"13px 로 제대로 한다. - [P1] 전역 포커스 표시 제거 —
style.css:63의* { outline: none; }· 리포에:focus-visible0건. - [P1] 테마 강조색 대비 2.55:1 —
.btn-themecolor#20aee3+흰글자. 호버opacity:.7라 더 나빠진다. - [P2] BS4 기본 버튼색도 미달 —
.btn-primary3.98 ·.btn-success3.13 ·.btn-info3.04(흰글자, 4.5 필요). - [P2] 13px 하한 위반 —
/field/list12종 ·/field/orderpaper28종.dispatch자동축소 하한도 12px. - [P3] CSS
@import사슬 20여 개(외부 CDN 포함). 단 스타일 적용은 150ms 내 완료 실측 → 체감 FOUC 없음.
✅통과(손댈 필요 없음) = 가로넘침 0 · 빈버튼 0 · 콘솔에러 0 · 본문색 13.16:1 · 보조회색 4.76:1 · viewport 확대제한 없음.
판단이 갈린 지점
- 팩트체커가 「13px 하한은 PFS 문서에 없다」로 WRONG 판정. 관찰은 맞지만 그건 이번에 페페가 새로 내린 지시라
효력은 그대로 →
kb/01·kb/04맨 위에 정정 블록을 넣었다. 팩트체커가 찾은 반례(dispatch자동축소 하한 12px)는 하한 소급 시 손볼 지점으로 살렸다. - 「모바일 넘침 원인 태반이
min-width:auto」는 과장 — 26.9.4 실기 4건 중 2건이다(팩트체크 정정,kb/90반영).
⏳ 페페 판단 대기
- 실결함 1~7 중 무엇을 언제 고칠지. ②폰트 스택 교체는 전 페이지 글자 모양이 바뀐다 → 전/후 비교 후 결정.
- 13px 하한 소급 여부(신규만 막을지). 소급하면 ①버튼 접힘과 한 세트 — 글자를 키우면 줄바꿈이 더 심해진다.
- ①버튼 접힘은 지금 사용자가 겪는 실제 불편이라 단독 선처리 가능(난이도 하).
다음
- 첫 실전 = 다음 pfs UI 작업에서
web-designer상담 → 매뉴얼 실효성 검증 후 KB 보강.