Show HN: AI를 사용하여 새로운 것을 배우기 위해 마인드 맵 만들기

프로젝트 소개

• Mind Map Visualization Project: React Flow를 사용한 마인드 맵 시각화 도구 개발.
• Next.js를 기반으로 한 단순한 프로젝트.

UI 구성

• shadcn 및 Magic UI의 일부 구성 요소 사용.
• 사용자 인터페이스는 마인드 맵 뷰 및 상호작용 제공.
• 마인드 맵 데이터를 마크다운 파일로 다운로드 가능.

데이터 생성

• Ollama의 로컬 모델 또는 OpenAI 등의 외부 모델을 사용해 마인드 맵 데이터 생성.
• AI SDK 활용.

주요 기능

• 인터랙티브 마인드 맵 시각화.
• 사이드 시트에서 노드 상세 보기.
• 마크다운 내보내기 기능.
• 마인드 맵 데이터를 로컬 JSON 파일로 저장.
• 로컬 모델과 외부 모델 간 전환 가능.

시작 방법

• 모든 종속성 설치.
• .env.template 파일을 .env.local로 복사하고, 사용할 모델(local 또는 external)을 지정.
• OpenAI 모델 사용 시 OpenAI API 키를 .env.local 파일에 지정.
• route.ts 파일에서 사용할 모델을 지정.
  • 기본적으로 로컬 모델은 llama3.1, 외부 모델은 gpt-3.5-turbo 사용.
• 로컬에서 모델 실행 방법은 Ollama 문서 참고.
• 개발 서버 실행: http://localhost:3000 열고 마인드 맵 생성.

프롬프트

• defaultLocalPrompt와 defaultExternalPrompt 변수에서 마인드 맵 데이터를 생성하는 프롬프트 정의.

라이선스

• 이 프로젝트는 MIT 라이선스 하에 배포됨.