·blog-chart

قم بإنشاء مخططات تصور بيانات SVG المضمنة المتوافقة مع الوضع الداكن لمشاركات المدونة. يدعم المخططات الشريطية الأفقية، والشريطية المجمعة، والدونات، والخطية، والمصاصة، والمنطقة، والرادار مع الكشف التلقائي عن النظام الأساسي (HTML vs JSX/MDX). يفرض تنوع أنواع المخططات والعلامات التي يمكن الوصول إليها (role=img, aria-label) وإسناد المصدر والخلفيات الشفافة. يُستخدم عندما يقول المستخدم "مخطط مدونة"، أو "إنشاء مخطط"، أو "تصور البيانات"، أو "مخطط SVG"، أو "رسم بياني للمدونة"، أو "تصور البيانات"، أو عندما يحدد سير عمل كتابة المدونة نقاط بيانات تستحق الرسم البياني (3+ مقاييس واتجاهات قابلة للمقارنة، قبل/بعد البيانات).

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

التثبيت

$npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart

كيفية تثبيت blog-chart

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

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

المصدر: agricidaniel/claude-blog.

Generates dark-mode-compatible inline SVG charts for blog posts. Invoked internally by blog-write and blog-rewrite when chart-worthy data is identified. Not a standalone user-facing command.

Select based on the data pattern. Diversity is mandatory — never repeat a type within one post.

| Before/after comparison | Grouped bar chart | | Ranked factors / correlations | Lollipop chart | | Parts of whole / market share | Donut chart | | Trend over time | Line chart | | Percentage improvement | Horizontal bar chart | | Distribution / range | Area chart | | Multi-dimensional scoring | Radar chart |

قم بإنشاء مخططات تصور بيانات SVG المضمنة المتوافقة مع الوضع الداكن لمشاركات المدونة. يدعم المخططات الشريطية الأفقية، والشريطية المجمعة، والدونات، والخطية، والمصاصة، والمنطقة، والرادار مع الكشف التلقائي عن النظام الأساسي (HTML vs JSX/MDX). يفرض تنوع أنواع المخططات والعلامات التي يمكن الوصول إليها (role=img, aria-label) وإسناد المصدر والخلفيات الشفافة. يُستخدم عندما يقول المستخدم "مخطط مدونة"، أو "إنشاء مخطط"، أو "تصور البيانات"، أو "مخطط SVG"، أو "رسم بياني للمدونة"، أو "تصور البيانات"، أو عندما يحدد سير عمل كتابة المدونة نقاط بيانات تستحق الرسم البياني (3+ مقاييس واتجاهات قابلة للمقارنة، قبل/بعد البيانات). المصدر: agricidaniel/claude-blog.

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

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

أمر التثبيت
npx skills add https://github.com/agricidaniel/claude-blog --skill blog-chart
الفئة
""الكتابة
موثق
أول ظهور
2026-03-09
آخر تحديث
2026-03-10

Browse more skills from agricidaniel/claude-blog

إجابات سريعة

ما هي blog-chart؟

قم بإنشاء مخططات تصور بيانات SVG المضمنة المتوافقة مع الوضع الداكن لمشاركات المدونة. يدعم المخططات الشريطية الأفقية، والشريطية المجمعة، والدونات، والخطية، والمصاصة، والمنطقة، والرادار مع الكشف التلقائي عن النظام الأساسي (HTML vs JSX/MDX). يفرض تنوع أنواع المخططات والعلامات التي يمكن الوصول إليها (role=img, aria-label) وإسناد المصدر والخلفيات الشفافة. يُستخدم عندما يقول المستخدم "مخطط مدونة"، أو "إنشاء مخطط"، أو "تصور البيانات"، أو "مخطط SVG"، أو "رسم بياني للمدونة"، أو "تصور البيانات"، أو عندما يحدد سير عمل كتابة المدونة نقاط بيانات تستحق الرسم البياني (3+ مقاييس واتجاهات قابلة للمقارنة، قبل/بعد البيانات). المصدر: agricidaniel/claude-blog.

كيف أثبّت blog-chart؟

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

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

https://github.com/agricidaniel/claude-blog

التفاصيل

الفئة
""الكتابة
المصدر
skills.sh
أول ظهور
2026-03-09