/ الدليل / الملعب / Ay-Skills
← كل الخوادم ↗ GitHub
● مجتمع walidboulanouar ⚡ فوري

Ay-Skills

بواسطة walidboulanouar · walidboulanouar/Ay-Skills

حزمة AY Automate التي تتضمن 10 مهارات — قطع React/Tailwind جاهزة، عميل MCP، فيديو Remotion، Excalidraw، Claude SEO، NotebookLM، وغيرها.

مجموعة شاملة من المهارات من walidboulanouar / AY Automate: artifacts-builder (React + Tailwind + shadcn/ui مع HTML مجمع)، mcp-client (موصل MCP عام مع تنفيذ Python)، remotion (فيديو React)، skill-creator، notebooklm (Google NotebookLM عبر أتمتة المتصفح)، ui-ux-pro-max (إرشادات نظام التصميم)، agent-browser (أتمتة المتصفح مع استمرارية تسجيل الدخول)، claude-seo (تكامل DataForSEO MCP)، superpowers (خط أنابيب TDD الذي يدفعه الوكيل)، excalidraw-diagram.

▶ شاهد العرض 📦 التثبيت 💡 حالات الاستخدام

لماذا تستخدمه

الميزات الأساسية

عرض مباشر

كيف يبدو في الممارسة

ay-skill.replay ▶ جاهز
0/0

التثبيت

اختر العميل

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "ay-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/walidboulanouar/Ay-Skills",
        "~/.claude/skills/Ay-Skills"
      ],
      "_inferred": true
    }
  }
}

افتح Claude Desktop → Settings → Developer → Edit Config. أعد التشغيل بعد الحفظ.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "ay-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/walidboulanouar/Ay-Skills",
        "~/.claude/skills/Ay-Skills"
      ],
      "_inferred": true
    }
  }
}

يستخدم Cursor نفس مخطط mcpServers مثل Claude Desktop. إعدادات المشروع أولى من الإعدادات العامة.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "ay-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/walidboulanouar/Ay-Skills",
        "~/.claude/skills/Ay-Skills"
      ],
      "_inferred": true
    }
  }
}

انقر على أيقونة MCP Servers في شريط Cline الجانبي، ثم "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "ay-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/walidboulanouar/Ay-Skills",
        "~/.claude/skills/Ay-Skills"
      ],
      "_inferred": true
    }
  }
}

نفس الصيغة مثل Claude Desktop. أعد تشغيل Windsurf لتطبيق التغييرات.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "ay-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/walidboulanouar/Ay-Skills",
        "~/.claude/skills/Ay-Skills"
      ]
    }
  ]
}

يستخدم Continue مصفوفة من كائنات الخادم بدلاً من خريطة.

~/.config/zed/settings.json
{
  "context_servers": {
    "ay-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/walidboulanouar/Ay-Skills",
          "~/.claude/skills/Ay-Skills"
        ]
      }
    }
  }
}

أضف إلى context_servers. يعيد Zed التحميل تلقائيًا عند الحفظ.

claude mcp add ay-skill -- git clone https://github.com/walidboulanouar/Ay-Skills ~/.claude/skills/Ay-Skills

أمر من سطر واحد. تحقق باستخدام claude mcp list. احذف باستخدام claude mcp remove.

حالات الاستخدام

استخدامات عملية: Ay-Skills

إنشاء قطعة HTML مستقلة قابلة للمشاركة مع React + shadcn

👤 المطورون الذين يريدون عرض واجهة مستخدم صغيرة بدون نشر ⏱ ~30 min beginner

متى تستخدمه: عندما تريد إعطاء شخص ما ملف .html واحد يعمل بدون اتصال بالإنترنت.

المتطلبات الأساسية
  • المهارات المنسوخة — git clone https://github.com/walidboulanouar/Ay-Skills ~/.claude/skills/Ay-Skills
الخطوات
  1. وصف القطعة
    artifacts-builder: حاسبة أسعار أحادية الصفحة بها 3 مستويات، بطاقات React + shadcn، Tailwind.✓ تم النسخ
    → ينتج Claude ملف HTML مجمع مع CSS/JS مدمج
  2. التكرار على المرئيات
    استخدم إرشادات ui-ux-pro-max — طبق لوحة اللون المميزة على CTA.✓ تم النسخ
    → نسخة مصقولة بصرياً متسقة مع نظام التصميم

النتيجة: ملف واحد، انقر نقراً مزدوجاً لفتحه، يعمل في أي مكان.

أتمتة المهمة خلف تسجيل دخول مع agent-browser

👤 المهندسون الذين يتجنبون سكريبتات Selenium غير المستقرة ⏱ ~30 min intermediate

متى تستخدمه: عندما تحتاج Claude للتفاعل مع تطبيق ويب يتطلب مصادقة، وتريد استمرارية الجلسة.

الخطوات
  1. بدء جلسة مستمرة
    agent-browser: افتح mysaas.com، سجل الدخول (سأفعل 2FA)، احفظ الجلسة.✓ تم النسخ
    → تم حفظ الجلسة، الطلبات اللاحقة تعيد استخدامها
  2. أتمتة المهمة
    الآن قم بتنزيل الفواتير من الشهر الماضي من صفحة الفواتير.✓ تم النسخ
    → تم تنزيل الملفات إلى CWD

النتيجة: تدفق نصي يستمر عبر الجلسات بدون جحيم إعادة المصادقة.

المزالق
  • شروط الموقع تحظر الأتمتة — تحقق من شروط الخدمة أولاً — أتمتة المتصفح هي أداة، وليست رخصة
اجمعها مع: filesystem

التركيبات

اجمعها مع خوادم MCP أخرى لتحقيق نتائج x10

ay-skill + filesystem

حفظ مخرجات artifacts-builder مباشرة إلى مجلد مشاركة مشترك

قم ببناء القطعة وحفظها إلى ~/Dropbox/demos/.✓ تم النسخ
ay-skill + github

نشر القطعة كصفحة GitHub Pages في خطوة واحدة

قم ببناء القطعة، والتزم بفرع gh-pages، وادفع.✓ تم النسخ

الأدوات

ما يوفره هذا الـ MCP

الأداةالمدخلاتمتى تستدعيهاالتكلفة
artifacts-builder UI description تريد عرض توضيحي لملف واحد قابل للمشاركة 0
mcp-client target MCP server + task تنسيق عدة MCPs من مهارة واحدة 0
remotion scene description + assets توليد الفيديو البرمجي 0
agent-browser URL + actions المواقع المحمية بالمصادقة أو الثقيلة على JavaScript 0
claude-seo URL or keyword تدقيقات SEO مع بيانات مدفوعة اختيارية 0 local, paid if DataForSEO enabled
superpowers feature intent الميزات المعقدة التي تستفيد من TDD المنظم 0

التكلفة والحدود

تكلفة التشغيل

حصة API
لا توجد حصة API للمهارات نفسها
الرموز لكل استدعاء
يختلف كثيراً عبر المهارات الفرعية
التكلفة المالية
مجاني — المهارات عبارة عن ملفات محلية. DataForSEO (يستخدمه claude-seo بشكل اختياري) مدفوع.
نصيحة
لا تفعل جميع 10 مهارات فرعية إذا كنت تستخدم 3 فقط — تراكم النفقات العامة للسياق.

الأمان

الصلاحيات والأسرار ونطاق الأثر

تخزين بيانات الاعتماد: لا توجد بيانات اعتماد في ملفات المهارات. agent-browser يخزن ملف جلسة؛ claude-seo قد يحتاج إلى مفاتيح DataForSEO.
نقل البيانات الخارجي: يعتمد على المهارة الفرعية — agent-browser و claude-seo يصلان إلى مواقع خارجية

استكشاف الأخطاء

الأخطاء الشائعة وحلولها

لم يتم استدعاء المهارة — يكتب Claude React بشكل مضمن بدلاً من استخدام artifacts-builder

أشر إلى المهارة الفرعية بالاسم: 'استخدم artifacts-builder لـ...'.

تحقق: ls ~/.claude/skills/Ay-Skills/
مقدمة SKILL.md غير صحيحة

لكل مهارة فرعية ملف SKILL.md خاص بها؛ تحقق من الملف الذي لا ينشط.

تحقق: head ~/.claude/skills/Ay-Skills/artifacts-builder/SKILL.md
كلمات المفتاح الخاطئة — mcp-client يختار MCP الخاطئ

حدد MCP الهدف بشكل صريح في الطلب.

البدائل

Ay-Skills مقابل البدائل

البديلمتى تستخدمهاالمقايضة
excalidraw-skill (Agents365)عندما تحتاج فقط إلى جزء الرسم التخطيطيأضيق؛ لا يتضمن 9 مهارات فرعية أخرى من AY
skills-skill-9عندما تريد مهارات بناء المنتج بدلاً من التركيز على واجهة المستخدم/المتصفحتركيز فئة مختلف

المزيد

الموارد

📖 اقرأ ملف README الرسمي على GitHub

🐙 تصفح القضايا المفتوحة

🔍 تصفح أكثر من 400 خادم MCP و Skills