Claude Code Templates: NPM موحّد للـ Claude Ecosystem — 100+ Agent وSkill بأمر واحد (31 ألف نجمة)

🔗 رابط المشروع على GitHub (Claude Code Templates): https://github.com/davila7/claude-code-templates

---

لو انت بتستخدم Claude Code وحاسس إن كل مرة بتبدأ مشروع جديد بتضطر تعمل configuration من الأول، بتنسخ skills من ريبوات متفرقة، وبتفتقد لطريقة مرتّبة تشوف كل الـ agents والـ MCPs المتاحة — Claude Code Templates هي الحل.

مشروع من Daniel Ávila (davila7) بيقدم CLI tool + marketplace ويب (aitmpl.com) فيهم أكتر من 100 agent، skill، command، hook، وMCP جاهزين للتثبيت بسطر واحد. وصل 30.8 ألف نجمة و3.5 ألف fork، 1,618 commit (تطوير يومي مكثّف)، مرخّص MIT.

الأهم: مدعوم رسمياً من Anthropic (Claude for Open Source Program)، Vercel OSS، Neon، وBright Data. ده مش مشروع فردي، ده اتحاد كامل.

إيه اللي بتحصل عليه

• 🤖 Agents — متخصصين لمجالات محددة (Security auditor، React performance optimizer، database architect)
• ⚡ Commands — slash commands مخصصة (/generate-tests، /optimize-bundle، /check-security)
• 🔌 MCPs — تكاملات مع خدمات خارجية (GitHub، PostgreSQL، Stripe، AWS، OpenAI)
• ⚙️ Settings — configurations لـ Claude Code (timeouts، memory، output styles)
• 🪝 Hooks — automation triggers (pre-commit validation، post-completion actions)
• 🎨 Skills — قدرات قابلة للاستخدام مع progressive disclosure (PDF processing، Excel automation، workflows مخصصة)

Marketplace ويب — aitmpl.com

الميزة الأقوى: واجهة ويب تفاعلية على aitmpl.com تشوف فيها كل المكوّنات، تختار اللي عايزه، ولما تدوس install بيديك أمر jahiz للـ terminal.

ده حل مشكلة كبيرة في نظام Claude Code البيئي: مفيش marketplace موحّد للـ community skills. لحد دلوقتي كنت تدور في ريبوات متفرقة (Anthropic official، superpowers، wshobson/agents، إلخ). aitmpl.com بيجمعهم كلهم في مكان واحد قابل للبحث والتصفح.

التثبيت

تصفح تفاعلي

npx claude-code-templates@latest

يفتح واجهة interactive تختار منها اللي عايزه.

تثبيت مباشر

# Agent محدد
npx claude-code-templates@latest --agent development-tools/code-reviewer --yes

# Command محدد
npx claude-code-templates@latest --command performance/optimize-bundle --yes

# MCP محدد
npx claude-code-templates@latest --mcp database/postgresql-integration --yes

# Stack كامل (agent + command + MCP معاً)
npx claude-code-templates@latest \
  --agent development-team/frontend-developer \
  --command testing/generate-tests \
  --mcp development/github-integration --yes

أدوات إضافية قوية جداً

📊 Analytics Dashboard

راقب Claude Code sessions بتاعتك في الوقت الفعلي — live state detection، performance metrics، token usage، والأدوات اللي بتستخدمها.

npx claude-code-templates@latest --analytics

💬 Conversation Monitor (مع Cloudflare Tunnel)

واجهة mobile-optimized تشوف بيها ردود Claude في الوقت الفعلي من موبايلك. عبر Cloudflare Tunnel تقدر تدخل من أي مكان بأمان.

# محلياً
npx claude-code-templates@latest --chats

# remote access آمن
npx claude-code-templates@latest --chats --tunnel

ده مفيد جداً لما Claude Code شغّال على long task في desktop بتاعك وانت خرجت من البيت — تراقب من الموبايل بدون remote desktop.

🔍 Health Check

npx claude-code-templates@latest --health-check

تشخيص شامل لتثبيت Claude Code بتاعك — بيتأكد إن كل حاجة optimized وموصّى بها.

🔌 Plugin Dashboard

npx claude-code-templates@latest --plugins

واجهة موحّدة لعرض الـ marketplaces، الـ plugins المثبتة، وإدارة الصلاحيات.

الـ Skills اللي بتيجي معاه

المشروع بيجمع مجموعات كبيرة من مصادر مختلفة (كل واحد بترخيصه الأصلي):

• Anthropic Official Skills — 21 skill من anthropics/skills
• Anthropic Claude Code Guides — 10 skills من anthropics/claude-code
• Superpowers (obra) — 14 workflow skill
• Claude Skills (Alireza Rezvani) — 36 professional role skill
• wshobson/agents — 48 agent
• K-Dense Scientific Skills — 139 skill في علم الأحياء، الكيمياء، الطب، والحوسبة العلمية
• NerdyChefsAI Skills — enterprise skills متخصصة
• Awesome Claude Code — 21 command
• Bright Data Skills — web scraping و search

مجموع تقريبي: 250+ مكوّن جاهز تقدر تركّبه بأمر واحد.

لمين ده مفيد؟

• مطوّرين Claude Code — بدل ما تنشئ config من الأول لكل مشروع، اختار من قائمة
• مبتدئين في Claude Code — الـ interactive UI أسهل بكتير من قراءة docs
• وكالات dev — standardize الـ Claude Code setup لكل الفريق
• معلّمين وكورسز — طلاب Ibrahim في كورس كلود من الصفر إلى الاحتراف يقدروا يستكشفوا aitmpl.com كـ playground
• Freelancers يقدّموا خدمات بـ Claude Code — health check + analytics بيوروا العميل ROI
• Mobile monitoring — لما تشغّل Claude Code على long task ومحتاج تراقب من الموبايل

ملاحظات مهمة

• محتاج Claude Code مثبّت — الأداة دي بتزوّده مش بديل عنه
• Node.js مطلوب — عشان تشغّل npx
• Cloudflare Tunnel للـ chats –tunnel — بيتفعّل تلقائياً، بس القارئ يعرف إن chat data بتمر عبر Cloudflare
• Analytics بيقرا session data محلياً — مفيش data بتتبعت لسيرفر خارجي

ليه ده مهم؟

نظام Claude Code البيئي بينمو بسرعة رهيبة — Anthropic بتنشر skills رسمية، المطوّرين ينشئوا skills و agents، الشركات تنشر Plugin bundles (Cloudflare, Google, Anthropic vertical plugins). المشكلة: مفيش package manager موحّد للـ ecosystem ده. كنت مضطر تدور في ريبوات متفرقة، تعمل clone، وتنسخ ملفات يدوياً.

Claude Code Templates هو محاولة لبناء npm للـ Claude ecosystem. npx claude-code-templates@latest بيبقى الـ entry point الموحّد لكل حاجة. الحقيقة إن Anthropic دعمته رسمياً بيوحي إنه هيبقى الحل المعتمد للـ community distribution.

لو انت مطوّر بتشتغل بـ Claude Code بجدية، ثبّت الأداة اليوم واستكشف aitmpl.com. هتلاقي حاجات مكنتش تعرف إنها موجودة، وهتوفر ساعات من البحث في المستقبل.