Automates iterative website development using Stitch MCP tools and a baton-passing loop pattern. Agents generate pages autonomously, maintain project context, and continue development through continuous improvement cycles.

يقضي فرق التصميم ساعات في إنشاء نماذج واجهة المستخدم يدوياً. تعمل مهارة Stitch Design على أتمتة إنشاء شاشات عالية الدقة من الأوصاف النصية مع الحفاظ على اتساق نظام التصميم.

الوصفات غير الواضحة للواجهات البصرية غالباً ما تنتج نتائج غير متسقة من مولدات الذكاء الاصطناعي. تحول هذه المهارة الأفكار الأولية إلى تمثيلات لفظية منظمة وتفصيلية تتضمن سياق نظام التصميم، وأسماء المكونات المحددة، وتخطيطات صفحات واضحة للحصول على مخرجات بجودة أعلى.

مهارة AI لكل من Claude وCodex وClaude Code

تحتاج الفرق إلى مقاطع فيديو توضيحية سريعة ومتسقة لشاشات التطبيق، لكن التحرير اليدوي يكون بطيئاً. تعمل هذه المهارة على أتمتة استرجاع الشاشة وتكوين Remotion لإنتاج مقاطع فيديو جاهزة للعرض مع انتقالات ومتراكبات.

حول التصاميم المرئية من Stitch إلى كود React نظيف وقابل للتكوين باستخدام TypeScript و Tailwind CSS. أزل البرمجة اليدوية من محاكيات التصميم باستخدام التحقق من AST التلقائي لضمان جودة الكود المتسقة.

أماكن نظم التصميم غالبًا ما تكون عالقة في القيم التقنية CSS التي يصعب ترجمتها إلى إرشادات. تقوم هذه المهارة بتحليل الأصول المرئية وترجمتها إلى توثيق تصميم بلغة طبيعية يضمن إنشاء واجهة مستخدم متسقة.

An AI skill for Claude, Codex, and Claude Code

بناء واجهات مستخدم React قابلة للوصول يتطلب تعلم أنماط shadcn/ui وتثبيت المكونات وتخصيص Tailwind. يوفر هذا المهارة توجيهاً شاملاً لتثبيت المكونات وتنفيذ النماذج مع التحقق من صحة البيانات وإنشاء أنماط واجهة مستخدم قابلة للوصول مثل النوافذ المنبثقة والقوائم المنسدلة وجداول البيانات.

الكود القديم يصبح صعب الصيانة والتوسيع. تطبق هذه المهارة تقنيات إعادة هيكلة مجربة لتحسين البنية والقابلية للقراءة مع الحفاظ على السلوك.

حوّل أفكار الميزات الغامضة إلى وثائق متطلبات منتج مهيكلة وجاهزة للإنتاج. тази مهارة تجسر الفجوة بين الرؤية التجارية والتنفيذ التقني من خلال متطلبات واضحة وقصص مستخدم ومقاييس نجاح.

كتابة تطبيقات Spring Boot تتطلب فهم حقن التبعيات، وإدارة التكوين، وأنماط الأمان. توفر هذه المهارة إرشادات خبراء لبناء تطبيقات Spring Boot قابلة للصيانة وآمنة وقابلة للاختبار.

يوفر هذا المهارة وثائق مرجعية شاملة لـ GitHub CLI (gh)، مما يمكّن مساعدي الذكاء الاصطناعي من تنفيذ عمليات GitHub من سطر الأوامر بما في ذلك المستودعات والمشكلات وطلبات السحب والإجراءات والمزيد.

يقضي المطورون وقتاً طويلاً في صياغة رسائل الالتزام. تقوم هذه المهارة بأتمتة إنشاء رسائل الالتزام التقليدية من خلال تحليل فروقات git وإنشاء رسائل التزام موحدة وقابلة للبحث.

حوّل الأفكار إلى مخططات مرئية بدون رسم يدوي. أنشئ مخططات انسيابية ومخططات ذهنية ومخططات هندسة معمارية احترافية كملفات Excalidraw قابلة للتحرير.

هل تواجه صعوبة في إنشاء وثائق برمجية واضحة ومنظمة؟ تطبق هذه المهارة إطار Diátaxis المثبت لإنتاج الدروس التعليمية وأدلة الإجراءات المرجعية والمراجع التقنية والشروحات.

التحقق اليدوي من حالة CI وجمع ملاحظات المراجعة ودفع الإصلاحات هو أمر متكرر ويستهلك الوقت. تقوم هذه الأداة بأتمتة دورة الملاحظات-الإصلاح-الدفع-الانتظار بأكملها حتى تتمكن من التركيز على كتابة الكود بينما تتعامل الأداة مع صيانة طلب السحب.

تحديد مشكلات الكود في التغييرات الخاصة بك. تقوم هذه المهارة بمراجعة منهجية لتغييرات الفرع بحثًا عن الأخطاء والثغرات الأمنية ومشاكل جودة الكود باستخدام نهج منظم.

يحتوي الكود المُولَّد بالذكاء الاصطناعي غالباً على تعليقات مفرطة، وفحوصات دفاعية، وأنماط غير ضرورية. تراجع هذه المهارة الفروقات في git مقابل الفرع الرئيسي وتزيل بشكل منهجي الفوضى البرمجية مع الحفاظ على التغييرات المشروعة.

يوجهك هذا المهارة خلال إنشاء طلبات سحب GitHub باتباع ممارسات هندسة Sentry. يوفر تعليمات خطوة بخطوة للتحقق من الفرع، وتحليل التغييرات، وكتابة وصف طلب السحب. يضمن المهارة تنسيق طلبات سحب متسق ويساعد الفرق على الحفاظ على معايير مراجعة الكود.