Claude.ai 채팅 대화를 서식이 보존된 HTML 파일로 저장할 수 있는 Chrome 확장 프로그램입니다.
Claude.ai 채팅 인터페이스에 다운로드 버튼을 추가합니다.
Tailwind CSS를 사용하여 채팅 형식을 유지합니다.
채팅 제목을 기반으로 깔끔한 파일 이름을 생성합니다.
전체 채팅 내용을 독립형 HTML 파일로 다운로드합니다.
원래 채팅의 모든 스타일과 레이아웃을 유지합니다.
이 저장소를 복제하거나 소스 코드를 다운로드하세요.
Chrome을 열고 chrome://extensions/ 로 이동합니다.
오른쪽 상단에서 "개발자 모드"를 활성화합니다.
"압축해제된 파일 로드"를 클릭하고 확장 파일이 포함된 디렉터리를 선택하세요.
Claude.ai를 방문하여 채팅을 시작하세요.
채팅 인터페이스에서 다운로드 버튼을 찾으세요(아이콘과 "다운로드" 텍스트가 표시됨).
현재 채팅을 저장하려면 버튼을 클릭하세요.
브라우저의 다운로드 대화 상자에서 저장 위치를 선택하세요.
채팅은 파일 이름이 채팅 제목인 HTML 파일로 저장됩니다.
manifest.json - 확장 구성 및 권한
popup.html - 간단한 팝업 인터페이스
popup.js - 팝업 버튼 클릭을 처리하고 다운로드를 시작합니다.
content.js - 다운로드 버튼을 삽입하고 채팅 콘텐츠 추출을 처리합니다.
background.js - 파일 다운로드 프로세스를 관리합니다.
styles.css - 다운로드 버튼에 대한 사용자 정의 스타일
확장 기능은 다음과 같이 작동합니다.
Claude 인터페이스에 다운로드 버튼 삽입
요청 시 채팅 내용 캡처
다음을 사용하여 독립형 HTML 파일 만들기:
원본 채팅 콘텐츠
임베디드 Tailwind CSS(CDN을 통해)
Tailwind 클래스 및 레이아웃이 보존되었습니다.
필요한 모든 스타일을 갖춘 독립형 HTML 문서
HTML 파일에는 원래 Claude 인터페이스와 동일한 스타일을 유지하기 위해 CDN을 통한 Tailwind CSS 2.2.19가 포함되어 있습니다.
Chrome의 다운로드 API를 통해 다운로드 처리
Tailwind CSS(2.2.19) - 생성된 파일에서 CDN을 통해 로드됨
확장에는 다음이 필요합니다.
downloads - 파일 저장용
https://claude.ai/* 에 대한 호스트 권한
확장을 수정하려면:
소스 파일을 변경합니다.
chrome://extensions/ 방문하세요.
확장 카드에서 새로 고침 아이콘을 클릭하세요.
Claude.ai에서 변경 사항을 테스트하세요.
현재 Google Chrome에서만 테스트 및 지원됩니다. 다른 Chromium 기반 브라우저에서도 작동할 수 있지만 보장되지는 않습니다.
문제 및 개선 요청을 자유롭게 제출해 주세요!
이 프로젝트는 GNU General Public License v3.0에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE 파일을 참조하세요.
이는 귀하가 자유롭게 다음을 수행할 수 있음을 의미합니다.
코드를 상업적으로 사용하세요
코드 수정
코드 배포
보증서를 놓는다
다음 조건에서:
확장 프로그램이 배포될 때 소스 코드를 사용할 수 있어야 합니다.
라이센스 및 저작권 고지 사본이 포함되어야 합니다.
수정 사항은 동일한 라이선스에 따라 출시되어야 합니다.
코드에 대한 변경 사항은 문서화되어야 합니다.
