kongkongyo/Ai-Markmap

해결하는 문제

긴 기사, 뉴스, 메모를 읽고 핵심 구조를 파악하는 것은 시간이 많이 걸립니다. AiMarkmap을 사용하면 원본 텍스트나 주제를 붙여넣으면 대규모 언어 모델(LLM)이 자동으로 핵심 요점을 추출하고 명확하고 상호작용적인 마인드맵으로 정리합니다. 백엔드, 설치, 외부 프레임워크가 필요 없습니다.

작동 방식

최신 브라우저에서 단일 index.html 파일을 엽니다. API 엔드포인트(OpenAI chat/completions 형식을 지원하는 모든 서비스, 자체 호스팅 모델 포함)와 API 키를 설정합니다. 그런 다음 주제를 입력하거나 콘텐츠를 붙여넣고, 선택적으로 생성할 대체 마인드맵 버전 수(1~5)를 선택한 후 생성 버튼을 클릭합니다. 앱은 콘텐츠(편집 가능한 프롬프트 템플릿 포함)를 LLM에 보내고 구조화된 Markdown 개요를 받아 상호작용적인 마인드맵으로 렌더링합니다. 왼쪽에서 Markdown을 편집하면 맵이 실시간으로 업데이트되고, 노드를 마우스 오른쪽 버튼으로 클릭하여 편집하거나 삭제할 수 있습니다. 생성된 버전을 전환하고 중앙 주제에서 파생된 스마트 파일명으로 PNG 또는 SVG로 내보낼 수 있습니다. API 키를 포함한 모든 것이 브라우저의 localStorage에 유지되며 어떤 서버에도 업로드되지 않습니다.

대상 사용자

긴 형식의 텍스트를 자주 소화해야 하는 모든 사람(저널리스트, 학생, 연구자, 제품 관리자, 일반 지식 근로자)을 위한 도구입니다. 특히 뉴스 요약, 기사 구조 분석, 회의 노트 정리에 유용합니다. API 키 설정이 필요하므로 OpenAI 호환 LLM 서비스에 이미 접근할 수 있거나 README에 언급된 SiliconFlow와 같은 무료 티어 제공업체를 사용할 의향이 있는 사용자에게 적합합니다.

주요 기능

• 제로 의존성, 순수 프런트엔드: 단일 HTML 파일. 브라우저에서 직접 열기만 하면 됩니다. 빌드 단계, 서버, npm 설치가 필요 없습니다.
• AI 생성 마인드맵: 텍스트나 주제를 붙여넣으면 LLM이 핵심 아이디어의 구조화된 시각적 맵을 생성합니다.
• 한 번에 여러 버전 생성: 슬라이더를 사용하여 1~5개의 다양한 맵 스타일/구조를 생성하고 가장 좋은 것을 선택할 수 있습니다.
• 실시간 편집: 왼쪽의 Markdown 소스를 편집하면 맵이 즉시 업데이트됩니다. 노드를 마우스 오른쪽 버튼으로 클릭하여 편집하거나 삭제할 수 있습니다.
• 자체 LLM 사용: 자체 호스팅 모델을 포함한 모든 OpenAI 호환 API 엔드포인트에서 작동합니다. 사용 가능한 모델을 자동 쿼리하거나 사용자 지정 모델 이름을 허용합니다.
• 맞춤형 프롬프트: 전용 설정 패널에서 AI 명령 템플릿을 수정할 수 있습니다({{CONTENT}} 자리 표시자를 유지해야 합니다).
• 스마트 내보내기: topic_timestamp.png/svg 같은 파일명으로 고해상도 PNG 또는 SVG 파일을 내보낼 수 있습니다.
• 모바일 친화적: 스마트폰과 태블릿을 완벽 지원하며 하단 탭 바, 햄버거 메뉴, 가로 미리보기를 제공합니다.
• 개인정보 보호: 모든 구성과 API 키는 로컬 브라우저의 localStorage에만 저장됩니다.
• 코드의 90% 이상이 AI로 작성됨: 이 프로젝트 자체가 AI 지원 개발의 흥미로운 예로, HTML, CSS, JavaScript의 대부분이 GPT-4o-mini, Gemini 2.5 Pro, Claude 3.7 Sonnet과 같은 모델에 의해 생성되고 리팩터링되었습니다.
• 키보드 단축키: Ctrl+Enter로 생성, F11로 전체 화면, Ctrl+S로 PNG 내보내기, 화살표 키로 버전 전환 등의 빠른 작업이 가능합니다.