streamdown
✓Vercel의 Streamdown 라이브러리에 대한 전문가 지침 - AI 애플리케이션을 위한 스트리밍 최적화 반응 마크다운 대체품입니다. 사용 시기: (1) useChat/streamText에서 AI 생성 마크다운 렌더링, (2) 스트리밍 응답으로 채팅 UI 구축, (3) 반응 마크다운에서 스트리밍 친화적인 렌더링으로 전환, (4) 코드 블록(Shiki), 수학(KaTeX), 다이어그램(Mermaid), (5) AI 스트리밍 중 불완전한 마크다운 처리(전처리기 권장), (6) Tailwind/CSS 변수를 사용하여 마크다운 스타일 맞춤설정, (7) rehype-harden(링크/이미지 프로토콜)을 사용하여 AI 출력을 보호합니다. 트리거: 스트림다운, 스트리밍 마크다운, AI 채팅 마크다운, 반응 마크다운 교체, AI Elements Response, 미완성 마크다운, 수정, Shiki 테마, 인어 다이어그램, KaTeX 수학, rehype-harden, isAnimating, 마크다운 스트리밍.
SKILL.md
Streamdown is a drop-in react-markdown replacement designed for AI-powered streaming applications. It handles incomplete markdown syntax gracefully using the remend preprocessor.
| children | string | required | Markdown content to render | | isAnimating | boolean | false | Disables interactive controls during streaming | | mode | "streaming" \| "static" | "streaming" | Rendering mode | | shikiTheme | [BundledTheme, BundledTheme] | ['github-light', 'github-dark'] | Light/dark syntax themes |
| controls | ControlsConfig \| boolean | true | Button visibility for code/table/mermaid | | mermaid | MermaidOptions | {} | Diagram configuration | | components | object | {} | Custom element overrides | | className | string | "" | Container CSS class | | remarkPlugins | Pluggable[] | GFM, math, CJK | Markdown preprocessing |
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
streamdown이란?
Vercel의 Streamdown 라이브러리에 대한 전문가 지침 - AI 애플리케이션을 위한 스트리밍 최적화 반응 마크다운 대체품입니다. 사용 시기: (1) useChat/streamText에서 AI 생성 마크다운 렌더링, (2) 스트리밍 응답으로 채팅 UI 구축, (3) 반응 마크다운에서 스트리밍 친화적인 렌더링으로 전환, (4) 코드 블록(Shiki), 수학(KaTeX), 다이어그램(Mermaid), (5) AI 스트리밍 중 불완전한 마크다운 처리(전처리기 권장), (6) Tailwind/CSS 변수를 사용하여 마크다운 스타일 맞춤설정, (7) rehype-harden(링크/이미지 프로토콜)을 사용하여 AI 출력을 보호합니다. 트리거: 스트림다운, 스트리밍 마크다운, AI 채팅 마크다운, 반응 마크다운 교체, AI Elements Response, 미완성 마크다운, 수정, Shiki 테마, 인어 다이어그램, KaTeX 수학, rehype-harden, isAnimating, 마크다운 스트리밍. 출처: bjornmelin/dev-skills.
streamdown 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/bjornmelin/dev-skills
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01