아티팩트 편집 예시. 오른쪽 패널은 API 연결을 위한 것이지만, MCP를 통해서도 동일한 작업을 수행할 수 있습니다. 이것이 저의 첫 오픈 소스 프로젝트이며, Claude Code로 전체를 구축했기 때문에 여기에 게시하는 것이 적절하다고 느꼈습니다. 이 프로젝트가 해결하는 문제: Claude는 항상 유용한 것들(차트, 작은 React 컴포넌트, SVG, 마크다운 문서)을 만들어 주지만, 대화창에서 스크롤되어 사라져서 제가 잃어버립니다. Satchel은 이러한 아티팩트들을 로컬 라이브러리에 저장하는 데스크톱 앱입니다. 이들은 프로젝트별로 정리되고, 실시간으로 렌더링되며, 버전 기록을 유지하여 되돌아갈 수 있게 합니다. Claude와 특별히 연결된 부분: 로컬 MCP 서버를 실행합니다. 이를 Claude Code나 Claude Desktop에 추가하면 'Satchel에서 카운터 아티팩트를 열고 리셋 버튼을 추가해 줘'와 같이 말할 수 있고, 지켜보는 동안 앱 창에서 편집이 이루어집니다. 이는 API 키가 필요 없이 기존 Claude 구독을 통해 MCP로 실행됩니다. 모든 편집은 먼저 이전 버전을 스냅샷으로 찍기 때문에 아무것도 손상되지 않습니다. 또한 API 키를 붙여넣는 것을 선호하는 경우 인앱 Ask AI 패널도 있습니다만, 제가 실제로 사용하는 경로는 MCP/구독 방식입니다. Claude가 도움을 준 방식: 솔직히 말해서 대부분을 구축해 주었습니다. 저는 방향을 제시했고, Claude Code가 Rust 백엔드(Tauri), React 프론트엔드, MCP 서버, 릴리스 파이프라인, 테스트를 작성했습니다. 오픈 소스로 무언가를 배포하는 것이 처음이었고, 많은 부분이 배우면서 진행되었으며, 제가 모르는 부분들(CI, 라이선싱, 코드 서명 등)에 대해 Claude가 안내해 주었습니다. 이것은 무료이며 오픈 소스입니다 (AGPL). macOS 및 Windows 설치 프로그램은 릴리스 페이지에서 다운로드할 수 있습니다. 참고로 macOS 빌드는 현재 서명이 되어 있지 않습니다 (아직 Apple 인증서를 구매하지 않았기 때문에), 따라서 첫 실행 시 xattr 명령어가 필요하며, 이는 README에 문서화되어 있습니다. 레포지토리: https://github.com/mdschoff/satchel Claude Code를 사용해 구축한 것에 대해 무엇이든 기꺼이 답변드리겠습니다. 그것이 저에게 흥미로운 부분이었습니다. 다른 사람들도 이런 작은 도구를 만들기 위해 MCP를 사용하고 있는지 궁금합니다. /u/mdschoff 님이 제출함 [링크] [댓글]