streamdown
✓Vercel の Streamdown ライブラリ - AI アプリケーションのストリーミングに最適化された React-Markdown の代替品に関する専門家によるガイダンス。 次の場合に使用します: (1) useChat/streamText から AI によって生成されたマークダウンをレンダリングする (2) ストリーミング応答を備えたチャット UI の構築、 (3) 反応マークダウンからストリーミング対応のレンダリングへの移行、 (4) コードブロック（Shiki）、数学（KaTeX）、図（Mermaid）の設定、 (5) AI ストリーミング中の不完全なマークダウンの処理 (プリプロセッサの修正)、 (6) Tailwind/CSS 変数を使用したマークダウン スタイルのカスタマイズ、 (7) rehype-harden (リンク/画像プロトコル) による AI 出力の保護。 トリガー: ストリームダウン、ストリーミング マークダウン、AI チャット マークダウン、反応マークダウン置換、 AI Elements Response、不完全マークダウン、リメンド、四季テーマ、マーメイド ダイアグラム、 KaTeX 数学、リハイプハードデン、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 アプリケーションのストリーミングに最適化された React-Markdown の代替品に関する専門家によるガイダンス。 次の場合に使用します: (1) useChat/streamText から AI によって生成されたマークダウンをレンダリングする (2) ストリーミング応答を備えたチャット UI の構築、 (3) 反応マークダウンからストリーミング対応のレンダリングへの移行、 (4) コードブロック（Shiki）、数学（KaTeX）、図（Mermaid）の設定、 (5) AI ストリーミング中の不完全なマークダウンの処理 (プリプロセッサの修正)、 (6) Tailwind/CSS 変数を使用したマークダウン スタイルのカスタマイズ、 (7) rehype-harden (リンク/画像プロトコル) による AI 出力の保護。 トリガー: ストリームダウン、ストリーミング マークダウン、AI チャット マークダウン、反応マークダウン置換、 AI Elements Response、不完全マークダウン、リメンド、四季テーマ、マーメイド ダイアグラム、 KaTeX 数学、リハイプハードデン、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