·streamdown
</>

streamdown

Экспертное руководство по библиотеке Streamdown от Vercel — оптимизированной для потоковой передачи замене уценки для приложений искусственного интеллекта. Используйте, когда: (1) рендеринг сгенерированной ИИ уценки из useChat/streamText, (2) Создание пользовательского интерфейса чата с потоковой передачей ответов, (3) Переход от реакции-уценки к потоковому рендерингу, (4) Настройка блоков кода (Shiki), математики (KaTeX), диаграмм (Mermaid), (5) Обработка неполной уценки во время потоковой передачи AI (рекомендуется препроцессор), (6) Настройка стиля уценки с помощью переменных Tailwind/CSS, (7) Защита вывода AI с помощью rehype-harden (протоколы ссылок/изображений). Триггеры: Streamdown, потоковая уценка, уценка чата AI, замена уценки реакции, Ответ AI Elements, неполная уценка, напоминание, темы Сики, диаграммы русалок, KaTeX математика, rehype-harden, isAnimating, потоковая передача с уценкой.

11Установки·0Тренд·@bjornmelin

Установка

$npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown

Как установить streamdown

Быстро установите AI-навык streamdown в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: bjornmelin/dev-skills.

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
Источник
bjornmelin/dev-skills
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from bjornmelin/dev-skills

Короткие ответы

Что такое streamdown?

Экспертное руководство по библиотеке Streamdown от Vercel — оптимизированной для потоковой передачи замене уценки для приложений искусственного интеллекта. Используйте, когда: (1) рендеринг сгенерированной ИИ уценки из useChat/streamText, (2) Создание пользовательского интерфейса чата с потоковой передачей ответов, (3) Переход от реакции-уценки к потоковому рендерингу, (4) Настройка блоков кода (Shiki), математики (KaTeX), диаграмм (Mermaid), (5) Обработка неполной уценки во время потоковой передачи AI (рекомендуется препроцессор), (6) Настройка стиля уценки с помощью переменных Tailwind/CSS, (7) Защита вывода AI с помощью rehype-harden (протоколы ссылок/изображений). Триггеры: Streamdown, потоковая уценка, уценка чата AI, замена уценки реакции, Ответ AI Elements, неполная уценка, напоминание, темы Сики, диаграммы русалок, 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 или OpenClaw

Где находится исходный репозиторий?

https://github.com/bjornmelin/dev-skills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01