ESG · 지속가능경영 공시
ESG Assistant Copilot
자사 ESG 보고서에서 관련 페이지를 찾아 답변 초안을 만들고 Scoring 기반 점수까지 한 번에 묶은 CDP 응답 보조 크롬 익스텐션입니다.

문제
ESG 담당자가 CDP 공시 응답을 작성할 때, 자사 지속가능경영보고서에서 관련 페이지를 찾고 채점 기준에 맞춰 답변을 구성하는 과정이 반복적이고 시간 소모적이었습니다.
접근
Chrome 사이드패널 익스텐션 + 로컬 FastAPI 백엔드 + LangChain RAG + FAISS 인덱스로 구성합니다. CDP 사이트 문항 자동 감지 → 보고서 페이지 검색 → Claude 모델로 답변 초안 → Scoring Methodology 기반 획득 점수와 근거를 제시합니다. 답변창에 1클릭으로 삽입합니다.
결과
CDP 응답 작성 시간을 정성적으로 단축합니다. 실제 후속 작업으로 이어진 사례입니다.
Architecture
어떻게 동작하는가
- 01문항 감지Chrome MV3 사이드패널
CDP 사이트 문항을 클릭하면 자동 감지하거나, 수동으로 입력합니다.
- 02로컬 백엔드FastAPI
익스텐션과 로컬 서버를 잇습니다. 자사 보고서 인덱싱·검색을 로컬에서 수행합니다(생성은 Claude API).
- 03근거 검색 (RAG)LangChain · FAISS
지속가능경영보고서 PDF 인덱스에서 관련 페이지만 검색합니다.
- 04답변 초안 생성Claude API
검색된 근거 페이지를 컨텍스트로 답변 초안을 작성합니다.
- 05점수 산출
Scoring Methodology 기반 획득 점수·레벨·근거 출처를 제시합니다.
- 06답변창 1클릭 삽입
CDP 입력칸에 바로 삽입합니다. 탭 전환·복붙을 제거합니다.
문항 감지 → 로컬 백엔드 → RAG 검색 → 초안 → 채점 → 1클릭 삽입.
Decisions · 3
왜 이렇게 설계했는가
기술 선택의 근거와 트레이드오프 — 코드 대신 의사결정으로 설계를 설명합니다.
?보고서 전체를 LLM에 통째로 주입 vs RAG로 관련 페이지만?
- 선택
- FAISS 인덱스 + LangChain RAG로 관련 페이지만 검색해 컨텍스트 주입
- 근거
- 지속가능경영보고서는 수백 페이지라 통째 주입은 비용·환각 위험이 큽니다. 관련 페이지만 근거로 주면 정확도는 올리고 비용은 줄이며, 답변마다 출처 페이지를 함께 제시할 수 있습니다.
- 트레이드오프
- 인덱싱·검색 파이프라인이 추가 복잡도를 더합니다. 대신 답변에 근거 출처를 붙입니다.
?독립 웹앱 vs Chrome 사이드패널 익스텐션?
- 선택
- CDP 응답 사이트 옆에 붙는 MV3 사이드패널
- 근거
- 담당자가 CDP 입력 화면을 떠나지 않고 문항 감지 → 분석 → 1클릭 삽입까지 진행합니다. 실제 작업 맥락(입력칸) 바로 옆에 도구를 배치해 탭 전환·복붙을 없앱니다.
- 트레이드오프
- 브라우저에 종속됩니다. 대신 작업 흐름에 가장 가깝게 배치합니다.
?왜 로컬 FastAPI 백엔드를 따로 두나?
- 선택
- 익스텐션 + 로컬 FastAPI 백엔드 분리
- 근거
- RAG·인덱싱은 익스텐션 샌드박스 밖 로컬에서 수행합니다. 전체 보고서는 로컬 인덱스에 두고 Claude엔 검색된 관련 페이지만 컨텍스트로 전달해 — 전체 민감 자료를 통째로 보내지 않는 데이터 최소화를 적용합니다.
- 트레이드오프
- 로컬 실행 환경이 필요하고, 검색된 페이지는 Claude API로 전송됩니다. 대신 전체 보고서를 통째로 보내지 않아 노출 범위를 최소화합니다.
Gallery · 3
실제 화면

01프로젝트 기본 설정 — CDP 섹터(일반·배터리·IT) 선택 + 평가 기준(Scoring Methodology) PDF 업로드 + 당해년도 지속가능경영보고서 PDF 업로드. 세 자료가 인덱싱되면 분석 준비가 완료됩니다. 
02분석 대기 화면 — 문항 번호·내용을 수동 입력하거나, CDP 사이트의 문항을 클릭하면 사이드패널이 자동 감지. 매번 탭을 옮길 필요 없이 답변 작성 옆에서 곧장 분석을 트리거합니다. 
03분석 결과 — RAG로 검색한 보고서 근거 페이지 + Claude가 작성한 답변 초안 + Scoring Methodology 기반 획득 점수/레벨/근거 출처를 보여줍니다. "답변창에 적용하기" 한 번으로 CDP 입력칸에 1클릭으로 삽입합니다. (표시 데이터는 UX 예시)
Tech · 6
사용 기술
구현: AI (Claude 등) · 구조 결정과 검증: Ray Moon
- Chrome MV3
- FastAPI
- LangChain
- FAISS
- Claude API
- RAG
다른 케이스도 같은 (문제 → 접근 → 결과 → 아키텍처 → 의사결정) 구조로 정리되어 있습니다.
← 케이스 목록 보기