shadcn-ui
79ابنِ واجهات shadcn/ui بسرعة أكبر
تحتاج فرق React الحديثة إلى مكونات shadcn/ui متسقة من دون تكرار البحث في الإعداد. ترشد هذه المهارة اختيار المكونات، والتثبيت، وتخصيص السمات، والترحيل، وفحوصات الجودة.
إنشاء فيديوهات شرح تفصيلي باستخدام Remotion
تحتاج الفرق إلى فيديوهات شرح سريعة لشاشات التطبيقات، لكن التحرير اليدوي بطيء. تحوّل هذه المهارة شاشات Stitch إلى تركيبات Remotion مع انتقالات وطبقات تراكب.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "remotion" from https://skillstore.io/skills/google-labs-code-remotion.md and its manifest at https://skillstore.io/api/skills/google-labs-code-remotion/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "remotion". أنشئ شرحًا تفصيليًا لمشروع Calculator App.
النتيجة المتوقعة:
جارٍ استخدام "remotion". أنشئ فيديو يبرز ميزات الإصدار مع تعليقات توضيحية.
النتيجة المتوقعة:
جارٍ استخدام "remotion". تحقق مما إذا كانت تركيبة الفيديو الخاصة بي جاهزة للتصيير.
النتيجة المتوقعة:
تمت مراجعة الأصول والتوقيت والأبعاد والانتقالات وجاهزية التصيير النهائي.
Most static hits are false positives from Markdown inline code, documentation links, TypeScript template literals, and safe /dev/null redirection. The real risks are the helper Bash download workflow and an optional recommendation to install external Remotion skills. No prompt injection or malicious exfiltration intent was found.
هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/google-labs-code-remotion/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/google-labs-code-remotion?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/google-labs-code-remotion?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/google-labs-code-remotion/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/google-labs-code-remotion.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>google-labs-code. (2026). remotion security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/google-labs-code-remotion/audits/4@techreport{google-labs-code-google-labs-code-remotion-2026,
author = {google-labs-code},
title = {remotion security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/google-labs-code-remotion/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "remotion security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "google-labs-code"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/google-labs-code-remotion/audits/4"
identifiers:
- type: other
value: "skillstore:google-labs-code-remotion:audit:4"
description: "Skillstore immutable audit report identifier"
حوّل شاشات التطبيق إلى فيديو قصير يشرح مسار المستخدم الرئيسي.
اجمع شاشات Stitch في شرح محدد التوقيت للحصول على ملاحظات أصحاب المصلحة.
صيّر فيديو لميزة مع عناوين للشاشات وتعليقات توضيحية وانتقالات.
أنشئ فيديو شرح باستخدام Remotion لمشروع Stitch الخاص بي. استخدم انتقالات التلاشي واعرض عنوان كل شاشة.
استخدم شاشات Stitch هذه بالترتيب، واجعل مدة كل شاشة 4 ثوانٍ، وأضف انتقالات انزلاق بين الخطوات الرئيسية.
استخرج التسميات المهمة من بيانات شاشة Stitch وأضف تعليقات توضيحية موقوتة لميزات المنتج الرئيسية.
عاين تركيبة Remotion، وأصلح مشكلات التوقيت، ثم صيّر ملفات MP4 وWebM بأسماء مخرجات واضحة.
المؤلف
google-labs-codeالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
30c73eac2afe762f6aa9c4553158769369d47351
حداثة الصيانة
٢٤/٧/٢٠٢٦
الاستخدام
7 تنزيلات · 288 مشاهدات
بنية الملفات
ابنِ واجهات shadcn/ui بسرعة أكبر
تحتاج فرق React الحديثة إلى مكونات shadcn/ui متسقة من دون تكرار البحث في الإعداد. ترشد هذه المهارة اختيار المكونات، والتثبيت، وتخصيص السمات، والترحيل، وفحوصات الجودة.
بناء مواقع Stitch بشكل تكراري
غالبا ما تفقد عمليات بناء المواقع الكبيرة السياق بين الصفحات والتكرارات. تمنح هذه المهارة Claude وCodex وClaude Code سير عمل قائم على التتابع لإنشاء أعمال المواقع المستندة إلى Stitch ودمجها ومتابعتها.
تحسين مطالبات واجهة مستخدم Stitch
غالبا ما تنتج مطالبات واجهة المستخدم الغامضة شاشات Stitch غير متسقة. تحول هذه المهارة الأفكار الأولية إلى مطالبات منظمة تتضمن سياق نظام التصميم، ومفردات واجهة المستخدم، وأقساما واضحة للصفحات.
إنشاء تصاميم UI باستخدام Stitch
غالبًا ما تفتقر مطالبات التصميم إلى التفاصيل اللازمة للحصول على مخرجات UI متسقة وبجودة إنتاجية. تحوّل هذه المهارة الطلبات التقريبية إلى workflows منظمة لـ Stitch MCP، وملاحظات قابلة لإعادة الاستخدام لنظام التصميم، وأصول تصميم محفوظة.
إنشاء أدلة DESIGN.md من مشاريع Stitch
تحتاج فرق التصميم إلى مصدر حقيقة واضح لشاشات متسقة مولّدة بالذكاء الاصطناعي. تحوّل هذه المهارة شاشات Stitch والبيانات الوصفية والأصول المرئية إلى دليل DESIGN.md منظّم.
تحويل تصميمات Stitch إلى مكونات React
قد يكون تحويل تصميمات Stitch إلى كود React قابل للصيانة بطيئًا وغير متسق. ترشد هذه المهارة Claude أو Codex أو Claude Code خلال الاسترجاع، وبنية المكونات، وربط الرموز، والتحقق.
تحريك الصور باستخدام نماذج فيديو RunComfy
بواسطة runcomfy-com
تحتاج الصور الثابتة إلى النموذج والمطالبة المناسبين لتتحول إلى مقاطع فيديو مفيدة. توجه هذه المهارة طلبات تحويل الصور إلى فيديو إلى نماذج RunComfy بإعدادات وأمثلة مناسبة.
إضافة حركة واجهة مستخدم هادفة
بواسطة pbakaus
قد تبدو الواجهات الثابتة مفاجئة وغير واضحة أثناء تغييرات الحالة. ترشد هذه المهارة Claude وCodex وClaude Code إلى إضافة حركة ميسّرة وعالية الأداء عندما تحسّن قابلية الاستخدام.
بناء تأثيرات واجهة أمامية عالية التأثير
بواسطة pbakaus
قد تفشل تأثيرات الواجهات المتقدمة دون سياق تصميمي وفحوصات أداء. يوجّه Overdrive الوكلاء لاقتراح تحسينات واجهة أمامية مصقولة وبنائها والتحقق منها.
صقل الواجهات باستخدام مبادئ هندسة التصميم
بواسطة emilkowalski
قد تبدو تفاصيل الواجهة غير متسقة أو بطيئة أو منفصلة بصريا. تطبق هذه المهارة إرشادات عملية للحركة والتفاعل والأداء وإمكانية الوصول لتحسين صقل واجهة المستخدم.
أنشئ رسوم GSAP متحركة ميسّرة
بواسطة CrazySwami
يمكن أن تضر الرسوم المتحركة الحديثة على الويب بالأداء وإتاحة الوصول عندما تُنفّذ من دون ضوابط واضحة. تمنح هذه المهارة Claude أنماط GSAP عملية، وخطوات اختبار، وفحوصات إطلاق لإنجاز عمل رسوم متحركة مصقول.
أنشئ مقاطع فيديو Remotion أفضل
بواسطة remotion-dev
تحتاج مشاريع Remotion إلى أنماط صحيحة للتعامل مع الوسائط، والتوقيت، والتسميات التوضيحية، والتصيير. تمنح هذه المهارة Claude وCodex وClaude Code قواعد وأمثلة مركزة لعمل فيديو React.