● مجتمع
zarazhangrui
⚡ فوري
Codebase to Course
بواسطة zarazhangrui · zarazhangrui/codebase-to-course
أشِر إلى مستودع واحصل على 'دورة' HTML واحدة تشرحه كدرس تعليمي — كود مُعلَّق ومخططات وسرد — للمهندسين غير التقنيين والموظفين الجدد.
codebase-to-course هي مهارة Claude Code تتجوَّل عبر مستودع كامل وتنتج ملف HTML ذا ملف واحد يشرح كيفية عمل قاعدة الكود فعلاً. هي مُهيكَلة كدرس تعليمي: نظرة عامة على البنية، ثم تعمُّق لكل وحدة، ثم عرض 'تتبُّع هذا الطلب عبر النظام' — مع مقتطفات كود مُضمَّنة ومُعلَّقة. الناتج ملف HTML واحد، بلا خطوة بناء.
لماذا تستخدمه
الميزات الأساسية
- ناتج HTML ملف واحد — لا خط أنابيب بناء
- نظرة عامة على البنية مُولَّدة من الكود الحقيقي (لا من README)
- أقسام 'لماذا هذا موجود + كيف يعمل' لكل وحدة
- عروض سير الطلب التي تتبع نقاط الدخول الحقيقية
- كتل كود مُعلَّقة مع شروحات سطر بسطر
- مصمَّم لغير المهندسين (مديرو المنتجات والمصممون والموظفون الجدد)
عرض مباشر
كيف يبدو في الممارسة
جاهز
حالات الاستخدام
استخدامات عملية: Codebase to Course
متى تستخدمه: الجمعة بعد قبول العرض: تريد أداة تأهيل حقيقية بدلاً من 'اقرأ الكود'.
الخطوات
-
مسح المستودع
codebase-to-course: scan ./our-app. Output the proposed course structure first — section list — before writing.✓ تم النسخ
→ TOC محدد: البنية والوحدات وتدفقات الطلبات
-
توليد الدورة
Looks good. Generate the full HTML to /onboarding/course.html. Target audience: new full-stack hire who knows React + Node but not our domain.✓ تم النسخ
→ ملف HTML مُولَّد؛ يفتح في المتصفح
-
التحقق من الدقة
Spot-check: does the 'auth flow' walkthrough match what's actually in src/auth/? Quote the real code.✓ تم النسخ
→ العرض يستشهد بمسارات ملفات حقيقية وكود حالي
النتيجة: أداة تأهيل حقيقية توفِّر للفريق أسبوعين من الشرح.
المزالق
- الدورة طويلة جداً للقراءة فعلاً — حدِّد الأقسام القصوى؛ الجودة على الشمولية
- مقتطفات الكود تصبح قديمة — أعِد التوليد بعد إعادة الهيكلة الكبرى؛ المهارة سريعة
متى تستخدمه: مدير المنتج يسأل باستمرار 'لماذا يستغرق هذا 3 sprints' — تريد أداة ملموسة.
الخطوات
-
تحديد النطاق على الميزة
codebase-to-course: scope to src/payments/. Audience: PM with no engineering background. Lean on diagrams + analogies, light on code.✓ تم النسخ
→ الدورة عالية المستوى؛ كتل الكود في حدها الأدنى
النتيجة: مدير المنتج يمضي بنموذج ذهني.
المزالق
- القياسات تُبسِّط إفراطاً — تحقق؛ المهارة تفضِّل الدقة إذا ضُغِط عليها
متى تستخدمه: README يحتوي الميزات لكن لا يوجد شرح معماري.
الخطوات
-
التوليد كصفحة وثائق
codebase-to-course: scan main branch. Output ARCHITECTURE.html for the docs site. Target: experienced devs evaluating the project.✓ تم النسخ
→ الناتج يُقرأ كدليل مساهم متأمِّل
النتيجة: تجربة مطور أفضل للمُقيِّمين والمساهمين.
المزالق
- الدورة تبدو عامة (لا هوية للمشروع) — مرِّر اسم المشروع + تلميحات الأسلوب في prompt
التركيبات
اجمعها مع خوادم MCP أخرى لتحقيق نتائج x10
قراءة المستودع المحلي وكتابة الدورة
codebase-to-course: scan ./our-app, write /onboarding/course.html.✓ تم النسخ
إنشاء دورة لمستودع خارجي دون استنساخ
Use GitMCP for owner/repo. Then codebase-to-course on top of that.✓ تم النسخ
التكلفة والحدود
تكلفة التشغيل
- حصة API
- لا ينطبق
- الرموز لكل استدعاء
- كبير — المهارة تقرأ المستودع بالكامل (10k–50k token نمطياً)
- التكلفة المالية
- مجاني؛ tokens النموذج تُطبَّق
- نصيحة
- للـ monorepos، استخدم scope_to_subdir؛ لا تُنشئ دورة لكل شيء دفعة واحدة
الأمان
الصلاحيات والأسرار ونطاق الأثر
الحد الأدنى من الصلاحيات: filesystem-read filesystem-write
تخزين بيانات الاعتماد: لا شيء
نقل البيانات الخارجي: لا شيء — قراءة/كتابة محلية بحتة
- الدورة المُولَّدة قد تحتوي مقتطفات كود؛ راجع قبل المشاركة خارجياً إذا كان المستودع يحتوي أسراراً
استكشاف الأخطاء
الأخطاء الشائعة وحلولها
الدورة عامة جداً / لا تستشهد بكود حقيقي
اجعل prompt أكثر تحديداً؛ اطلب استشهادات file:line
المستودع كبير جداً؛ ينفد السياق
استخدم scope_to_subdir؛ أنشئ دورات لكل وحدة وارتبط بها
تنسيق HTML تالف
اطلب من المهارة التحقق من الناتج؛ أعِد التوليد إذا لزم
البدائل
Codebase to Course مقابل البدائل
| البديل | متى تستخدمها | المقايضة |
| Repomix + manual prompt | تريد تحكماً كاملاً في كيفية تغذية قاعدة الكود لـ Claude | إعداد أكبر؛ لا صيغة ناتج رأي |
| DocsGPT / Mintlify | تريد وثائق مستضافة | منتج مختلف كلياً؛ لا HTML ملف واحد |
| absolutely-skilled / autodoc | تريد وثائق API مُولَّدة تلقائياً | مرجع API ≠ درس تعليمي |