작업 방식
Streamdown은 점진적으로 도착하는 콘텐츠를 위해 만들어진 React Markdown 렌더러를 에이전트가 통합하도록 돕습니다. 스트리밍·정적 모드, 코드 강조, 다이어그램, 수학 표기, CJK 텍스트를 다룹니다. 복사 동작, 링크, 사용자 정의 요소 처리 등 렌더링된 콘텐츠의 제어도 설명합니다.
실용적인 가치는 놓치기 쉬운 통합 세부 사항에 있습니다. 원문은 패키지 파일의 Tailwind 스캔, 수식용 KaTeX 스타일, 스트리밍 커서와 isAnimating 플래그의 관계를 강조합니다. 선택적 플러그인은 인터페이스가 실제로 필요한 콘텐츠에 따라 추가합니다.
예상 산출물
- 앱의 Markdown 콘텐츠에 연결된 Streamdown 렌더러.
- 설치된 패키지에 맞춘 플러그인 및 Tailwind 설정.
- 링크 확인, 허용 요소, 인터랙티브 컨트롤에 관한 명확한 선택.
브리프에서 검토까지
- 01콘텐츠 기능을 선택하세요
응답에 코드, Mermaid, 수식, CJK 지원이 필요한지 파악하세요. 점진적 응답에는 스트리밍 모드, 완성 문서에는 정적 모드를 선택하세요.
- 02렌더링과 스타일을 설정하세요
선택한 패키지를 설치하고 배포 파일을 Tailwind 스캔에 포함하세요. Tailwind v4는 @source 지시문, v3는 설정의 content 항목을 사용합니다. 설치된 플러그인 경로만 추가하세요. 수식을 사용하면 KaTeX CSS를 가져온 뒤 렌더러를 현재 메시지 구조에 연결하세요.
- 03스트리밍과 안전 동작을 확인하세요
현재 응답의 애니메이션 상태를 설정하고 사용자 정의 HTML, URL 처리, 링크 확인을 검토하세요. 미완성 응답과 완성된 콘텐츠를 모두 검사하세요.