● مجتمع
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.
لماذا تستخدمه
الميزات الأساسية
- artifacts-builder — قطع HTML مستقلة من React/Tailwind/shadcn
- mcp-client — موصل عام مع تنفيذ Python والإعدادات المسبقة
- remotion — الاتفاقيات الأصلية لـ Claude لفيديو قائم على React
- agent-browser — متصفح بدون رأس مع معرف العنصر واستمرارية تسجيل الدخول
- يكتشف تلقائياً عند وضعه في .claude/skills/ في بداية الجلسة
عرض مباشر
كيف يبدو في الممارسة
حالات الاستخدام
استخدامات عملية: Ay-Skills
متى تستخدمه: عندما تريد إعطاء شخص ما ملف .html واحد يعمل بدون اتصال بالإنترنت.
الخطوات
-
وصف القطعة
artifacts-builder: حاسبة أسعار أحادية الصفحة بها 3 مستويات، بطاقات React + shadcn، Tailwind.✓ تم النسخ
→ ينتج Claude ملف HTML مجمع مع CSS/JS مدمج
-
التكرار على المرئيات
استخدم إرشادات ui-ux-pro-max — طبق لوحة اللون المميزة على CTA.✓ تم النسخ
→ نسخة مصقولة بصرياً متسقة مع نظام التصميم
النتيجة: ملف واحد، انقر نقراً مزدوجاً لفتحه، يعمل في أي مكان.
متى تستخدمه: عندما تحتاج Claude للتفاعل مع تطبيق ويب يتطلب مصادقة، وتريد استمرارية الجلسة.
الخطوات
-
بدء جلسة مستمرة
agent-browser: افتح mysaas.com، سجل الدخول (سأفعل 2FA)، احفظ الجلسة.✓ تم النسخ
→ تم حفظ الجلسة، الطلبات اللاحقة تعيد استخدامها
-
أتمتة المهمة
الآن قم بتنزيل الفواتير من الشهر الماضي من صفحة الفواتير.✓ تم النسخ
→ تم تنزيل الملفات إلى CWD
النتيجة: تدفق نصي يستمر عبر الجلسات بدون جحيم إعادة المصادقة.
المزالق
- شروط الموقع تحظر الأتمتة — تحقق من شروط الخدمة أولاً — أتمتة المتصفح هي أداة، وليست رخصة
التركيبات
اجمعها مع خوادم MCP أخرى لتحقيق نتائج x10
حفظ مخرجات artifacts-builder مباشرة إلى مجلد مشاركة مشترك
قم ببناء القطعة وحفظها إلى ~/Dropbox/demos/.✓ تم النسخ
نشر القطعة كصفحة GitHub Pages في خطوة واحدة
قم ببناء القطعة، والتزم بفرع gh-pages، وادفع.✓ تم النسخ
التكلفة والحدود
تكلفة التشغيل
- حصة API
- لا توجد حصة API للمهارات نفسها
- الرموز لكل استدعاء
- يختلف كثيراً عبر المهارات الفرعية
- التكلفة المالية
- مجاني — المهارات عبارة عن ملفات محلية. DataForSEO (يستخدمه claude-seo بشكل اختياري) مدفوع.
- نصيحة
- لا تفعل جميع 10 مهارات فرعية إذا كنت تستخدم 3 فقط — تراكم النفقات العامة للسياق.
الأمان
الصلاحيات والأسرار ونطاق الأثر
تخزين بيانات الاعتماد: لا توجد بيانات اعتماد في ملفات المهارات. agent-browser يخزن ملف جلسة؛ claude-seo قد يحتاج إلى مفاتيح DataForSEO.
نقل البيانات الخارجي: يعتمد على المهارة الفرعية — agent-browser و claude-seo يصلان إلى مواقع خارجية
- استمرارية تسجيل الدخول في agent-browser تعني أن ملف على قرصك يمكنه تسجيل الدخول إلى الخدمات — احمها.
استكشاف الأخطاء
الأخطاء الشائعة وحلولها
كلمات المفتاح الخاطئة — mcp-client يختار MCP الخاطئ
حدد MCP الهدف بشكل صريح في الطلب.
البدائل
Ay-Skills مقابل البدائل
| البديل | متى تستخدمها | المقايضة |
|---|
| excalidraw-skill (Agents365) | عندما تحتاج فقط إلى جزء الرسم التخطيطي | أضيق؛ لا يتضمن 9 مهارات فرعية أخرى من AY |
| skills-skill-9 | عندما تريد مهارات بناء المنتج بدلاً من التركيز على واجهة المستخدم/المتصفح | تركيز فئة مختلف |