프론트엔드 개발은 리포지토리 수준에서 끊임없이 변화를 축적하며, 복잡한 크로스 파일 종속성(cross-file dependencies)을 엮어냅니다. 현재 단일 작업에 맞춰 조정된 LLM 코딩 에이전트는 여러 반복 과정에 걸쳐 이러한 종속성을 신뢰성 있게 추적할 수 없으며, 이는 기능적 퇴행(functional regressions)과 유지보수를 어렵게 만드는 코드를 초래합니다. 우리는 부족한 부분이 디자인 지식이라고 주장합니다. 즉, 개발자들이 코드를 읽기 쉽고, 유지보수 가능하며, 시스템이 확장됨에 따라 진화 가능하게 유지하기 위해 의존하는 아키텍처 원칙, 모듈 책임, 구조적 제약 조건입니다. 이를 구체화하기 위해, 우리는 영구적인 지식 그래프(WebAppArchKG)를 중심으로 구축된 WebDesignIter라는 프레임워크를 제안합니다. 이 프레임워크는 리포지토리 구조와 디자인 지식을 융합하고 개발 주기 전반에 걸쳐 둘 다 동기화 상태로 유지합니다. WebDesignIter는 두 단계로 작동합니다: 첫째, 디자인 기반 계획(design-informed planning)은 WebAppArchKG에서 과거 컨텍스트와 아키텍처 개요를 가져와 해당 테스트 스크립트가 포함된 구현 계획을 생성하고, 둘째, 디자인 인식 생성(design-aware generation)은 샌드박스 실행 및 자동 구문 수정(automatic syntax repair)으로 검증되는 표적 diff 기반 패치(targeted diff-based patches)를 통해 이 계획을 실행합니다. Web-Bench에서 WebDesignIter는 기존 베이스라인 대비 아홉 가지 파운데이션 모델에 걸쳐 평균 9.55 퍼센트 포인트의 Pass@2 향상을 보여줍니다. 더욱 중요한 것은, WebDesignIter가 모든 일반 목적 코딩 에이전트인 Claude Code, OpenHands, SWE-Agent, Codex CLI를 모든 모델 구성에서 능가하며, 가장 높은 Pass@1과 Pass@2를 기록하는 동시에 2530개의 입력 토큰을 적게 소비한다는 점입니다. 제거 실험(Ablation singles)은 디자인 지식이 가장 영향력 있는 구성 요소임을 보여줍니다: 이를 제거하면 Pass@1이 11.40 퍼센트 포인트 하락하는데, 이는 코드 그래프 검색, 패치 기반 생성 또는 샌드박스 검증을 제거했을 때보다 훨씬 큰 성능 저하이며, 디자인 지식이 리포지토리 수준의 코드 생성을 위해 근본적으로 더 효율적이고 신뢰할 수 있는 경로를 제공함을 확인시켜 줍니다.