English | العربية
- 🌙 Dark theme with category-colored accents
- 🌐 Bilingual UI — switch between Arabic and English with one click
- 🔎 Full-text search across skill names, IDs, and descriptions
- 📂 15 categories — AI & Agents, Backend, Frontend, Testing, Python, Go, Rust, and more
- 📋 Detail panel — description, usage triggers, sections, and install command
- ⌨️ Keyboard shortcuts —
/to search,Escto close - 📱 Fully responsive — works on mobile, tablet, and desktop
| Mode | File | How to Run |
|---|---|---|
| Static (offline) | ecc_skills_browser.html |
Double-click to open in any browser |
| Live (reads from disk) | ecc_browser.py |
python ecc_browser.py skills |
Just open the file in your browser. No server, no install, no dependencies. Skill data is embedded inside.
# macOS
open ecc_skills_browser.html
# Linux
xdg-open ecc_skills_browser.html
# Windows — just double-click the fileReads SKILL.md files directly from disk. Add or edit a skill, press ↻ Reload, and it appears instantly.
# Auto-detect skills/ in current directory
python ecc_browser.py
# Specify path
python ecc_browser.py path/to/skills
# Custom port
python ecc_browser.py skills --port 8080Opens http://127.0.0.1:5500 automatically. Press Ctrl+C to stop.
Extra features in Python edition:
- 🟢 LIVE indicator — always reading from disk
- 📄 View full SKILL.md content inside the detail panel
- ↻ Reload without restarting the server
| Icon | Category | Count |
|---|---|---|
| 🧠 | AI & Agents | 16 |
| ⚙️ | Backend / API | 9 |
| 🎨 | Frontend / UI | 8 |
| 🛡️ | Testing / Security | 8 |
| 🤖 | Android / Kotlin | 8 |
| 🐍 | Python / Django | 7 |
| ☕ | Java / Spring | 6 |
| 🍎 | Swift / iOS | 5 |
| 🐹 | Go | 2 |
| ⚙️ | Rust | 2 |
| 🏥 | Healthcare | 4 |
| 📝 | Content / Media | 11 |
| 🔧 | Tools / DevOps | 15 |
| 📦 | Other | 35 |
claude-code-skills-explorer/
├── ecc_skills_browser.html # Static web UI (single file, zero deps)
├── ecc_browser.py # Live web UI (Python 3.10+, zero deps)
└── README.md
MIT — Built on top of Everything Claude Code by @affaan-m.
English | العربية
- 🌙 ثيم داكن مع ألوان مميزة لكل فئة
- 🌐 واجهة ثنائية اللغة — تبديل بين العربية والإنجليزية بنقرة واحدة
- 🔎 بحث شامل في أسماء المهارات والأوصاف والمعرّفات
- 📂 15 فئة — ذكاء اصطناعي، خلفية، واجهة أمامية، اختبار، بايثون، والمزيد
- 📋 لوحة تفاصيل — الوصف، حالات الاستخدام، الأقسام، وأمر التثبيت
- ⌨️ اختصارات لوحة المفاتيح —
/للبحث،Escللإغلاق - 📱 متجاوب بالكامل — يعمل على الهاتف والتابلت والكمبيوتر
| الوضع | الملف | طريقة التشغيل |
|---|---|---|
| ثابت (بدون إنترنت) | ecc_skills_browser.html |
افتحه بنقرة مزدوجة في المتصفح |
| حي (يقرأ من القرص) | ecc_browser.py |
python ecc_browser.py skills |
افتح الملف مباشرة في المتصفح. بدون سيرفر، بدون تثبيت، بدون أي متطلبات. البيانات مدمجة داخل الملف.
يقرأ ملفات SKILL.md مباشرة من القرص. أضف أو عدّل مهارة، اضغط ↻ إعادة تحميل، وتظهر فوراً.
# اكتشاف تلقائي لمجلد skills/
python ecc_browser.py
# تحديد المسار
python ecc_browser.py path/to/skills
# تغيير المنفذ
python ecc_browser.py skills --port 8080يفتح http://127.0.0.1:5500 تلقائياً. اضغط Ctrl+C للإيقاف.
ميزات إضافية في نسخة بايثون:
- 🟢 مؤشر LIVE — يقرأ من القرص دائماً
- 📄 عرض محتوى SKILL.md الكامل داخل لوحة التفاصيل
- ↻ إعادة تحميل بدون إعادة تشغيل السيرفر
| الرمز | الفئة | العدد |
|---|---|---|
| 🧠 | الذكاء والوكلاء | 16 |
| ⚙️ | الخلفية والـ API | 9 |
| 🎨 | الواجهة الأمامية | 8 |
| 🛡️ | الاختبار والأمان | 8 |
| 🤖 | أندرويد / كوتلن | 8 |
| 🐍 | بايثون / جانغو | 7 |
| ☕ | جافا / سبرنغ | 6 |
| 🍎 | سويفت / iOS | 5 |
| 🐹 | Go | 2 |
| ⚙️ | رست | 2 |
| 🏥 | الرعاية الصحية | 4 |
| 📝 | المحتوى والميديا | 11 |
| 🔧 | أدوات / DevOps | 15 |
| 📦 | أخرى | 35 |
MIT — مبني على Everything Claude Code بواسطة @affaan-m.

