# Shiki-Stream - LLM 출력용 스트리밍 방식 코드 구문 강조

> Clean Markdown view of GeekNews topic #20167. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=20167](https://news.hada.io/topic?id=20167)
- GeekNews Markdown: [https://news.hada.io/topic/20167.md](https://news.hada.io/topic/20167.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2025-04-06T09:31:02+09:00
- Updated: 2025-04-06T09:31:02+09:00
- Original source: [github.com/antfu](https://github.com/antfu/shiki-stream)
- Points: 5
- Comments: 0

## Summary

Shiki를 활용한 오픈소스 라이브러리는 스트리밍 방식으로 실시간 코드 하이라이팅을 가능하게 하며, 특히 점진적으로 생성되는 LLM 출력 스트림에 적용할 수 있습니다. 이 라이브러리는 실시간 텍스트 스트림 하이라이팅을 위한 Transform Stream을 제공하고, Vue 및 React 컴포넌트로 직접 렌더링이 가능합니다. 또한, recall 기능을 통해 정밀한 하이라이팅 제어가 가능하며, 성능 최적화를 위한 캐시 렌더러도 실험적으로 제공됩니다.

## Topic Body

- **Shiki**를 활용해 **스트리밍 방식으로 실시간 코드 하이라이팅**을 가능하게 하는 오픈소스 라이브러리  
- 특히 **LLM 출력 스트림과 같이 점진적으로 생성되는 코드**에 하이라이팅을 적용할 수 있음  
- 실시간 텍스트 스트림 하이라이팅을 위한 Transform Stream 제공  
- Vue 및 React 컴포넌트로 직접 렌더링 가능  
- recall 기능을 통해 더 정밀한 하이라이팅 제어 가능  
- 성능 최적화를 위한 캐시 렌더러 제공 (실험적 기능)

## Comments



_No public comments on this page._