두 에이전트, 하나의 보고서 — 인터랙티브 구현 비교

같은 정책 보고서,
두 코딩 에이전트로 만든 두 사이트.

2026 국가전략기술 12대 분야 예산 배분과 Post-PBS 출연연 대응전략을 다룬 동일한 정책 보고서를, Claude Code 와 Antigravity CLI 두 가지 AI 코딩 에이전트로 각각 인터랙티브 웹사이트로 구현했습니다.

디자인 결정, 정보 구조, 차트 라이브러리 선택, 모션 처리 방식의 차이를 나란히 비교해 보세요.

2 사이트

1 보고서 원문

12 국가전략기술

35.5조 정부 R&D 예산

Claude Code 01 / SITE

site/ — Claude Code 빌드

Tailwind CSS · Chart.js · GSAP ScrollTrigger 조합으로 구성한 단일 파일 인터랙티브 보고서. 섹션 단위의 스크롤 모션과 네온 톤의 데이터 시각화에 집중했습니다.

Antigravity CLI 02 / WEBPAGE

사이드바 네비게이션과 분리된 CSS · JS 자원, 파티클 캔버스 배경과 PDF 내보내기 기능을 포함한 대시보드형 정책 리포트 구현물입니다.

풀 사이즈 미리보기

각 빌드의 전체 페이지 스크린샷. 클릭하면 원본 이미지로 열립니다.

보고서_2026_R&D_예산_PostPBS_대응전략.md — 두 사이트의 공통 입력 문서