일반 소개
Austen은 Angular 프레임워크와 Analogjs 초기화를 사용하는 오픈 소스 AI 도구로, Mermaidjs 기술과 결합하여 사용자가 책의 문자 관계를 분석하는 데 도움이 되는 차트를 생성합니다. 사용자가 오픈 라이브러리에서 책 이름을 입력하면 오스틴은 AI를 통해 시각적인 캐릭터 관계도를 자동으로 생성하고 저장, 공유 및 다운로드를 지원합니다. 이 도구는 문학 애호가, 학생 또는 개발자에게 적합하며, 깃허브에서 호스팅되는 완전 무료 프로젝트이므로 누구나 개선에 참여할 수 있습니다.

기능 목록
- 도서 검색 및 분석오픈 라이브러리에서 모든 책 검색 및 문자 분석을 지원합니다.
- AI 기반 문자 관계 추출AI 기술을 사용하여 책에 등장하는 인물과 그 관계를 자동으로 인식합니다.
- 머메이드 차트 생성분석을 직관적인 관계 다이어그램으로 변환합니다.
- 차트 저장 및 다운로드생성된 차트는 데이터베이스에 저장하고 SVG 또는 PNG 형식으로 다운로드할 수 있습니다.
- 공개 또는 비공개 공유다른 사람이 볼 수 있도록 차트를 공개하거나 비공개로 유지할 수 있습니다.
- 다른 사람의 차트 찾아보기검색 페이지에서 다른 사용자가 공개한 다이어그램을 확인하세요.
- 좋아요 기능(개발 중)앞으로는 즐겨찾는 차트에 좋아요를 누르거나 싫어요를 누를 수 있게 됩니다.
도움말 사용
Austen을 실행하려면 로컬 설치가 필요하며 현재 온라인 버전은 제공되지 않습니다. 아래에서 자세한 설치 및 사용 가이드를 참조하여 시작하세요.
설치 프로세스
- 프로젝트 코드 다운로드
터미널에 다음 명령을 입력하여 프로젝트를 로컬에 복제합니다:
git clone https://github.com/herol3oy/austen.git
그런 다음 프로젝트 디렉토리로 이동합니다:
cd austen
- 종속성 패키지 설치
npm을 사용하여 필요한 패키지를 설치합니다:
npm install
- 환경 변수 구성
예제 파일을 복사하고 이름을 바꿉니다..env
::
cp .env.example .env
쇼(티켓) .env
파일을 열고 다음 정보를 입력합니다:
DEEPSEEK_API_KEY
: 출발지 DeepSeek 공식 웹사이트에서 등록하여 얻은 API 키입니다.VITE_PUBLIC_SUPABASE_URL
슈퍼베이스 프로젝트의 URL입니다.VITE_PUBLIC_SUPABASE_ANON_KEY
슈퍼베이스의 익명 키입니다.
원하는 경우 OpenAI 키를 구성할 수도 있습니다(선택 사항).
- 슈퍼베이스 데이터베이스 설정
- 새 프로젝트를 만들려면 https://supabase.com 을 방문하세요.
- 인증 사용(인증)을 활성화합니다.
- 공개 스키마에서 생성
graphs
테이블에 다음 필드를 추가합니다:id
(UUID, 기본 키)book_name
(텍스트, 비어 있지 않음)author_name
(텍스트, 비어 있지 않음)svg_graph
(텍스트, 비어 있지 않음)mermaid_syntax
(텍스트, 비어 있지 않음)emojis
(텍스트, 선택 사항)user_id
(uuid)is_public
(부울, 기본값 거짓)created_at
(타임스탬프)
저장한 후 프로젝트 URL과 익명 키를.env
.
- 로컬 서버 시작
다음 명령을 입력하여 프로젝트를 실행합니다:
npm run dev
브라우저를 열고 다음 사이트를 방문하세요. http://localhost:5173
(포트는 구성에 따라 다를 수 있습니다.)
- 프로덕션 환경으로 배포
서버에 배포하려면 서버를 실행하세요:
npm run build
구축이 완료되면 Cloudflare 페이지와 같은 플랫폼에 업로드할 수 있습니다.
주요 기능 사용 방법
- 역할 관계 다이어그램 생성
실행 후 첫 페이지에 책 제목과 저자(예: L. 프랭크 바움의 '오즈의 마법사')를 입력합니다. "생성"을 클릭하면 AI가 책의 내용을 분석하여 몇 초 후에 머메이드즈 차트를 표시합니다. 이 차트에는 도로시와 토토의 '애완동물' 관계와 같은 등장인물 간의 관계가 표시됩니다. - 차트 저장 및 다운로드
차트를 생성한 후 저장 버튼을 클릭하면 데이터가 Supabase에 저장됩니다. 쉽게 공유하거나 인쇄할 수 있도록 SVG 또는 PNG 형식으로 차트를 다운로드할 수 있습니다. - 공유 차트
내 다이어그램 페이지에서 내가 만든 다이어그램을 찾습니다. '공개' 옵션을 선택하여 다른 사용자들이 '검색' 페이지에서 볼 수 있도록 합니다. 공유하고 싶지 않다면 비공개로 유지하세요. - 다른 사람의 차트 찾아보기
'발견' 페이지에서는 다른 사용자가 공개한 차트를 볼 수 있습니다. 예를 들어, 누군가가 오만과 편견의 캐릭터 관계 차트를 공유했는데, 이를 바로 감상할 수 있습니다. - 좋아요 기능 (구현 예정)
현재 버전에는 아직 '좋아요' 버튼이 없습니다. 개발자들은 '좋아요' 및 '싫어요' 기능을 추가하여 마음에 드는 차트에 투표할 수 있도록 할 계획입니다.
작업 흐름의 예
오즈의 마법사를 분석하고 싶으신가요? 단계별로 따라 해보세요:
- 첫 페이지에 제목 '오즈의 마법사'와 저자 'L. 프랭크 바움'을 입력합니다.
- '생성'을 클릭하고 몇 초간 기다립니다.
- 차트를 확인하세요: 도로시가 중심이 되어 토토, 허수아비 등과 연결되어 있습니다.
- "저장"을 클릭하고 "공개"를 선택합니다.
- 내 다이어그램 페이지로 이동하여 SVG 파일을 다운로드하거나 발견 페이지에서 다른 사람의 피드백을 확인하세요.
기술 세부 정보
- 인터페이스는 아름답고 사용하기 쉬운 앵귤러 머티리얼을 기반으로 합니다.
- 차트는 머메이드제이로 그려지며 사용자 지정 테마 색상을 지원합니다.
- AI 분석은 정확한 결과를 보장하기 위해 DeepSeek 또는 OpenAI에 의존합니다.
애플리케이션 시나리오
- 문학 연구
애호가들은 오스틴을 사용하여 제인 에어의 인물 네트워크를 분석하고 제인과 로체스터의 관계를 시각화할 수 있습니다. - 강의실 교육
교사는 학생들이 해리, 론, 헤르미온느의 우정을 이해할 수 있도록 해리 포터 차트를 생성합니다. - 기술 학습
개발자는 코드를 학습하고 Angular 및 Supabase를 사용하여 유사한 도구를 구축하는 방법을 배울 수 있습니다.
QA
- 어떤 책이 지원되나요?
오만과 편견, 오즈의 마법사 등 Open Library에 데이터가 있는 책이라면 어떤 책이든 괜찮습니다. - 차트를 편집할 수 있나요?
현재 버전은 직접 편집을 지원하지 않지만 Mermaidjs 코드를 수정하여 다시 생성할 수 있습니다. - 결제해야 하나요?
이 프로젝트는 완전히 무료입니다. 하지만 실행하려면 API 키와 Supabase를 직접 구성해야 합니다. - 슈퍼베이스를 사용하는 이유는 무엇인가요?
차트 데이터 저장, 공개 공유 지원 및 사용자 관리를 담당합니다.
© 저작권 정책
기사 저작권 AI 공유 서클 모두 무단 복제하지 마세요.
관련 문서
댓글 없음...