Simon-He95/markstream-vue
📦 오픈 소스 프로젝트Simon-He95
AI 채팅 앱을 위한 고성능 다중 프레임워크 스트리밍 마크다운 렌더러.
MarkStream은 웹 애플리케이션에서 LLM 스트리밍 출력을 렌더링할 때 발생하는 레이아웃 흔들림, 성능 병목 현상, 복잡한 구문 렌더링 문제를 해결합니다. 주요 프레임워크(Vue/Nuxt, React/Next.js, Svelte, Angular) 전반에 걸쳐 통합된 API를 제공하여 기술 스택에 관계없이 일관된 UI 동작을 유지할 수 있습니다. 이 라이브러리는 LLM 토큰의 비동기적 특성을 처리하도록 설계되었으며, 생성 중 UI 깜박임을 방지하는 저지연 업데이트를 제공합니다. 주요 기술적 특징으로는 다이어그램을 위한 Mermaid.js, 수학 표기를 위한 KaTeX, 고품질 코드 구문 강조를 위한 Shiki를 지원합니다. 또한 안전한 HTML 렌더링을 위한 보안 조치와 고급 코드 편집 기능을 위한 Monaco 에디터 통합 옵션도 포함되어 있습니다. 이는 고성능과 풍부한 콘텐츠 지원이 필요한 전문적인 AI 채팅 인터페이스를 구축하는 데 필수적인 도구입니다.
💡하이라이트
- ├─Vue, React, Svelte, Angular 지원
- ├─지연 없는 부드러운 스트리밍 업데이트
- └─Mermaid, KaTeX, Shiki 통합 지원
🎯대상
- ├─프론트엔드 개발자
- └─AI 제품 엔지니어