·streamdown
</>

streamdown

✓
bjornmelin/dev-skillsGitHub: bjornmelin/dev-skillsالمصدر: bjornmelin/dev-skills

إرشادات الخبراء لمكتبة Vercel's Streamdown - وهي بديل محسّن للتدفق التفاعلي لتطبيقات الذكاء الاصطناعي. يُستخدم عندما: (1) عرض تخفيض السعر الناتج عن الذكاء الاصطناعي من useChat/streamText، (2) إنشاء واجهات مستخدم للدردشة مع استجابات متدفقة، (3) الانتقال من تخفيض السعر التفاعلي إلى العرض المناسب للبث المباشر، (4) تكوين كتل التعليمات البرمجية (Shiki)، والرياضيات (KaTeX)، والرسوم البيانية (Mermaid)، (5) التعامل مع تخفيض السعر غير المكتمل أثناء تدفق الذكاء الاصطناعي (المعالج المسبق للتوصيات)، (6) تخصيص تصميم تخفيض السعر باستخدام متغيرات Tailwind/CSS، (7) تأمين مخرجات الذكاء الاصطناعي باستخدام rehype-harden (بروتوكولات الارتباط/الصورة). المشغلات: بدء البث، وتخفيض البث، وتخفيض الدردشة باستخدام الذكاء الاصطناعي، واستبدال تخفيض السعر التفاعلي، استجابة عناصر الذكاء الاصطناعي، تخفيض السعر غير المكتمل، التذكير، سمات الشيكي، مخططات حورية البحر، الرياضيات KaTeX، rehype-harden، isAnimating، تدفق تخفيض السعر.

bjornmelin·streamdown
11التثبيتات·0الرائج·@bjornmelin

التثبيت

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

كيفية تثبيت streamdown

ثبّت مهارة الذكاء الاصطناعي streamdown بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: bjornmelin/dev-skills.

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 |

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown
المصدر
bjornmelin/dev-skills
الفئة
</>أدوات التطوير
موثق
✓
أول ظهور
2026-02-01
آخر تحديث
2026-03-11
الرابط
https://www.learn-skills.dev/ar/skills/bjornmelin/dev-skills/streamdown

Browse more skills from bjornmelin/dev-skills

إجابات سريعة

ما هي streamdown؟

إرشادات الخبراء لمكتبة Vercel's Streamdown - وهي بديل محسّن للتدفق التفاعلي لتطبيقات الذكاء الاصطناعي. يُستخدم عندما: (1) عرض تخفيض السعر الناتج عن الذكاء الاصطناعي من useChat/streamText، (2) إنشاء واجهات مستخدم للدردشة مع استجابات متدفقة، (3) الانتقال من تخفيض السعر التفاعلي إلى العرض المناسب للبث المباشر، (4) تكوين كتل التعليمات البرمجية (Shiki)، والرياضيات (KaTeX)، والرسوم البيانية (Mermaid)، (5) التعامل مع تخفيض السعر غير المكتمل أثناء تدفق الذكاء الاصطناعي (المعالج المسبق للتوصيات)، (6) تخصيص تصميم تخفيض السعر باستخدام متغيرات Tailwind/CSS، (7) تأمين مخرجات الذكاء الاصطناعي باستخدام rehype-harden (بروتوكولات الارتباط/الصورة). المشغلات: بدء البث، وتخفيض البث، وتخفيض الدردشة باستخدام الذكاء الاصطناعي، واستبدال تخفيض السعر التفاعلي، استجابة عناصر الذكاء الاصطناعي، تخفيض السعر غير المكتمل، التذكير، سمات الشيكي، مخططات حورية البحر، الرياضيات KaTeX، rehype-harden، isAnimating، تدفق تخفيض السعر. المصدر: bjornmelin/dev-skills.

كيف أثبّت streamdown؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

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

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01

مهارات ذات صلة

notebook-ml-architect
4 التثبيتات
dmc-py
3 التثبيتات
docker-architect
3 التثبيتات
pytest-dev
3 التثبيتات