Claude Code로 MCP 서버 만들어서 하이라이트 연동해봤습니다

Claude Code를 사용해서 MCP 서버와 크롬 확장 프로그램이 포함된 리딩 도구를 만들어줘. PDF, 웹페이지, 유튜브 자막에서 하이라이트를 캡처하고, 색상별 분류와 소스 간 지식 그래프 연결 기능을 구현해줘.

최근에 Claude Code로 Highlyt라는 리딩 도구를 만들어봤는데, 생각보다 꽤 괜찮게 나와서 공유합니다.

핵심은 MCP 서버인데요. PDF, 웹페이지, 유튜브 자막에서 하이라이트한 내용을 Claude가 직접 조회할 수 있게 해주는 구조입니다.

캡처 방식은 세 가지입니다:

• PDF 리더로 책이나 논문 하이라이트
• 크롬 확장으로 웹페이지 저장 및 라이브 하이라이트
• 같은 확장에서 유튜브 자막 추출

하이라이트마다 색상별 의미를 부여할 수 있고(핵심 개념, 질문, 프레임워크 등), 소스 간 연결도 가능합니다. supports, contradicts, expands 같은 관계 유형으로 지식 그래프가 만들어지는데, 이게 꽤 실용적입니다.

MCP 통합 덕분에 Claude한테 긴 텍스트 붙여넣을 필요 없이 구조화된 컨텍스트를 바로 넘길 수 있어요. 실제로 써보니 프롬프트 길이 줄이면서도 정확도가 올라가는 느낌입니다.