·interactive-study-guide
#

interactive-study-guide

قم بتحويل دليل دراسة قاعدة التعليمات البرمجية إلى تجربة ويب تفاعلية مصقولة. يجب استخدام هذه المهارة عندما يكون لدى المستخدم ملف تخفيض دليل الدراسة المكتمل (من دليل دراسة قاعدة التعليمات البرمجية أو ما شابه) ويريد تحويله إلى تطبيق تربوي تفاعلي. مشغلات لطلبات مثل "جعل دليل الدراسة هذا تفاعليًا"، أو "تحويل هذا إلى تجربة تفاعلية"، أو "تصور دليل الدراسة هذا"، أو "إنشاء نسخة تفاعلية"، أو عندما يكون لدى المستخدم ملف .md لدليل الدراسة ويريد عرضًا تقديميًا أكثر ثراءً. يُنتج تطبيقًا من صفحة واحدة يتم تقديمه بواسطة Vite مع رواية القصص المستندة إلى التمرير، ومخططات الهندسة التفاعلية، وإرشادات التعليمات البرمجية المتحركة، والكشف التدريجي.

9التثبيتات·1الرائج·@petekp

التثبيت

$npx skills add https://github.com/petekp/claude-code-setup --skill interactive-study-guide

كيفية تثبيت interactive-study-guide

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

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

المصدر: petekp/claude-code-setup.

Transform a static study guide markdown file into an immersive, interactive learning experience served as a local web app. The output should feel like a NYT interactive feature or a Pudding.cool essay — editorial typography, generous whitespace, purposeful animation, and visualizations that reveal structure rather than decorate.

Accept a path to the study guide markdown file. Parse it into structured sections using the known template format from codebase-study-guide:

| Purpose | ## 1. Why This Exists | Prose with problem/approach/users | | Threshold Concepts | ## 2. The Big Ideas | Named concepts with code locations | | System Map | ## 3. System Map | Mermaid diagram + table | | Request Walkthrough | ## 4. Walking Through a Request | Sequence diagram + annotated code steps |

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

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

أمر التثبيت
npx skills add https://github.com/petekp/claude-code-setup --skill interactive-study-guide
الفئة
#المستندات
موثق
أول ظهور
2026-03-10
آخر تحديث
2026-03-10

Browse more skills from petekp/claude-code-setup

إجابات سريعة

ما هي interactive-study-guide؟

قم بتحويل دليل دراسة قاعدة التعليمات البرمجية إلى تجربة ويب تفاعلية مصقولة. يجب استخدام هذه المهارة عندما يكون لدى المستخدم ملف تخفيض دليل الدراسة المكتمل (من دليل دراسة قاعدة التعليمات البرمجية أو ما شابه) ويريد تحويله إلى تطبيق تربوي تفاعلي. مشغلات لطلبات مثل "جعل دليل الدراسة هذا تفاعليًا"، أو "تحويل هذا إلى تجربة تفاعلية"، أو "تصور دليل الدراسة هذا"، أو "إنشاء نسخة تفاعلية"، أو عندما يكون لدى المستخدم ملف .md لدليل الدراسة ويريد عرضًا تقديميًا أكثر ثراءً. يُنتج تطبيقًا من صفحة واحدة يتم تقديمه بواسطة Vite مع رواية القصص المستندة إلى التمرير، ومخططات الهندسة التفاعلية، وإرشادات التعليمات البرمجية المتحركة، والكشف التدريجي. المصدر: petekp/claude-code-setup.

كيف أثبّت interactive-study-guide؟

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

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

https://github.com/petekp/claude-code-setup

التفاصيل

الفئة
#المستندات
المصدر
skills.sh
أول ظهور
2026-03-10