Harness Agents

하네스로 만든 Open Graph 추출기

URL을 넣으면 링크 미리보기 카드를 만들어 주는 도구를 공개한다. Open Graph → Twitter Card → JSON-LD → HTML 순서로 폴백하고, fetch 전략과 캐시 상태, 리다이렉트 체인 같은 진단 정보도 함께 보여준다.

맞물려 함께 도는 구조를 나타낸 추상 도판
AI 생성

하네스로 만든 Open Graph 추출기를 공개합니다. URL을 넣으면 해당 페이지의 제목, 설명, 이미지 같은 Open Graph 메타데이터를 추출해서 링크 미리보기 카드로 보여주는 도구입니다.

Open Graph 추출기 결과 화면

폴백 순서와 진단 정보

단축 링크나 리다이렉트 링크는 최종 도착지를 따라가고, Open Graph → Twitter Card → JSON-LD → HTML 순서로 폴백 추출합니다.

결과 화면에서는 미리보기 카드뿐 아니라 fetch 전략, 캐시 상태, 완성도, 리다이렉트 체인, 에러 분류 같은 진단 정보도 함께 확인할 수 있습니다.

이번 작업은 단순히 기능 하나 만든 게 아니라, 에이전트 하네스로 설계·참조 구현·운영 체계까지 한 번에 산출해 본 실험이기도 합니다.

서비스는 Node.js 22, TypeScript, Fastify 기반으로 구현했고, 로컬 실행과 Docker Compose 실행도 가능하게 정리해 두었습니다.