·skill-visualizer
</>

skill-visualizer

قم بإنشاء تصورات HTML تفاعلية لمجموعة المهارات أو بنية قاعدة التعليمات البرمجية أو الرسوم البيانية التبعية. يستخدم D3.js للتصور التفاعلي مع العقد القابلة للطي والفئات المرمزة بالألوان وتفاصيل التمرير. مشغلات على "تصور المهارات"، أو "إنشاء خريطة مهارات"، أو "تصور قاعدة التعليمات البرمجية"، أو "إظهار تبعيات المهارات".

4التثبيتات·1الرائج·@mhylle

التثبيت

$npx skills add https://github.com/mhylle/claude-skills-collection --skill skill-visualizer

كيفية تثبيت skill-visualizer

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

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

المصدر: mhylle/claude-skills-collection.

Generate interactive HTML visualizations for exploring skills, codebase structure, and dependencies.

This skill creates browser-viewable HTML files with interactive diagrams. It supports multiple visualization types and outputs self-contained HTML files that open directly in any browser.

قم بإنشاء تصورات HTML تفاعلية لمجموعة المهارات أو بنية قاعدة التعليمات البرمجية أو الرسوم البيانية التبعية. يستخدم D3.js للتصور التفاعلي مع العقد القابلة للطي والفئات المرمزة بالألوان وتفاصيل التمرير. مشغلات على "تصور المهارات"، أو "إنشاء خريطة مهارات"، أو "تصور قاعدة التعليمات البرمجية"، أو "إظهار تبعيات المهارات". المصدر: mhylle/claude-skills-collection.

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

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

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

أمر التثبيت
npx skills add https://github.com/mhylle/claude-skills-collection --skill skill-visualizer
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from mhylle/claude-skills-collection

إجابات سريعة

ما هي skill-visualizer؟

قم بإنشاء تصورات HTML تفاعلية لمجموعة المهارات أو بنية قاعدة التعليمات البرمجية أو الرسوم البيانية التبعية. يستخدم D3.js للتصور التفاعلي مع العقد القابلة للطي والفئات المرمزة بالألوان وتفاصيل التمرير. مشغلات على "تصور المهارات"، أو "إنشاء خريطة مهارات"، أو "تصور قاعدة التعليمات البرمجية"، أو "إظهار تبعيات المهارات". المصدر: mhylle/claude-skills-collection.

كيف أثبّت skill-visualizer؟

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

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

https://github.com/mhylle/claude-skills-collection

التفاصيل

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