shadcn-ui
79ابنِ واجهات shadcn/ui بسرعة أكبر
تحتاج فرق React الحديثة إلى مكونات shadcn/ui متسقة من دون تكرار البحث في الإعداد. ترشد هذه المهارة اختيار المكونات، والتثبيت، وتخصيص السمات، والترحيل، وفحوصات الجودة.
تحسين مطالبات واجهة مستخدم Stitch
غالبا ما تنتج مطالبات واجهة المستخدم الغامضة شاشات Stitch غير متسقة. تحول هذه المهارة الأفكار الأولية إلى مطالبات منظمة تتضمن سياق نظام التصميم، ومفردات واجهة المستخدم، وأقساما واضحة للصفحات.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "enhance-prompt" from https://skillstore.io/skills/google-labs-code-enhance-prompt.md and its manifest at https://skillstore.io/api/skills/google-labs-code-enhance-prompt/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "enhance-prompt". make me a login page
النتيجة المتوقعة:
مطالبة منظمة لصفحة تسجيل دخول تتضمن منصة واضحة، ونسقا فاتحا احترافيا، وبطاقة نموذج، وحقولا معنونة، وزرا أساسيا، ورابطا في التذييل.
جارٍ استخدام "enhance-prompt". add a search bar
النتيجة المتوقعة:
مطالبة تعديل مركزة تضع حقل إدخال البحث في الرأس، وتحدد النمط، والأيقونة، ونص العنصر النائب، والعرض، وسلوك التركيز.
جارٍ استخدام "enhance-prompt". create a dashboard for orders using our design system
النتيجة المتوقعة:
مطالبة لوحة معلومات تتضمن إرشادات DESIGN.md، وبطاقات مقاييس، وجداول طلبات، ومرشحات، وتنقلا، وتفاصيل تخطيط متجاوب.
All static findings were reviewed as false positives. The reported external command detections are markdown fences or inline formatting, and the network finding is a documentation link. No prompt injection, data exfiltration, or command execution intent was found in the inspected files.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/google-labs-code-enhance-prompt/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/google-labs-code-enhance-prompt?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/google-labs-code-enhance-prompt?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/google-labs-code-enhance-prompt/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/google-labs-code-enhance-prompt.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). enhance-prompt security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/google-labs-code-enhance-prompt/audits/6@techreport{google-labs-code-google-labs-code-enhance-prompt-2026,
author = {google-labs-code},
title = {enhance-prompt security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/google-labs-code-enhance-prompt/audits/6},
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: "enhance-prompt security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "google-labs-code"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/google-labs-code-enhance-prompt/audits/6"
identifiers:
- type: other
value: "skillstore:google-labs-code-enhance-prompt:audit:6"
description: "Skillstore immutable audit report identifier"
حول فكرة شاشة قصيرة إلى مطالبة Stitch منظمة تتضمن المنصة، والأقسام، والنمط، والألوان، والمكونات.
استخدم ملف DESIGN.md موجودا لكي تتبع مطالبات الشاشات الجديدة النظام البصري نفسه.
أعد كتابة طلبات توليد واجهة المستخدم الفاشلة أو الغامضة إلى تعديلات مركزة تحافظ على نية الشاشة الحالية.
حسن مطالبة Stitch هذه: [describe the screen]. أضف المنصة، والنمط البصري، والأقسام، والألوان، والكلمات المفتاحية للمكونات.
استخدم DESIGN.md الحالي لتحسين هذه المطالبة: [prompt]. اجعل نظام التصميم مطلوبا ووضح الافتراضات صراحة.
لم يتناول ناتج Stitch هذه النقاط: [issues]. أعد كتابة المطالبة لتصحيحها مع الحفاظ على نية المنتج الأصلية.
أنشئ مطالبات Stitch محسنة لهذه الشاشات: [screens]. استخدم إرشادات تصميم مشتركة، وسياق تنقل واضحا، ومطالبة واحدة لكل شاشة.
المؤلف
google-labs-codeالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
0519034dad657fb1f7706e0550e962beeda73fdf
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
13 تنزيلات · 187 مشاهدات
بنية الملفات
ابنِ واجهات shadcn/ui بسرعة أكبر
تحتاج فرق React الحديثة إلى مكونات shadcn/ui متسقة من دون تكرار البحث في الإعداد. ترشد هذه المهارة اختيار المكونات، والتثبيت، وتخصيص السمات، والترحيل، وفحوصات الجودة.
بناء مواقع Stitch بشكل تكراري
غالبا ما تفقد عمليات بناء المواقع الكبيرة السياق بين الصفحات والتكرارات. تمنح هذه المهارة Claude وCodex وClaude Code سير عمل قائم على التتابع لإنشاء أعمال المواقع المستندة إلى Stitch ودمجها ومتابعتها.
إنشاء تصاميم UI باستخدام Stitch
غالبًا ما تفتقر مطالبات التصميم إلى التفاصيل اللازمة للحصول على مخرجات UI متسقة وبجودة إنتاجية. تحوّل هذه المهارة الطلبات التقريبية إلى workflows منظمة لـ Stitch MCP، وملاحظات قابلة لإعادة الاستخدام لنظام التصميم، وأصول تصميم محفوظة.
إنشاء أدلة DESIGN.md من مشاريع Stitch
تحتاج فرق التصميم إلى مصدر حقيقة واضح لشاشات متسقة مولّدة بالذكاء الاصطناعي. تحوّل هذه المهارة شاشات Stitch والبيانات الوصفية والأصول المرئية إلى دليل DESIGN.md منظّم.
إنشاء فيديوهات شرح تفصيلي باستخدام Remotion
تحتاج الفرق إلى فيديوهات شرح سريعة لشاشات التطبيقات، لكن التحرير اليدوي بطيء. تحوّل هذه المهارة شاشات Stitch إلى تركيبات Remotion مع انتقالات وطبقات تراكب.
تحويل تصميمات Stitch إلى مكونات React
قد يكون تحويل تصميمات Stitch إلى كود React قابل للصيانة بطيئًا وغير متسق. ترشد هذه المهارة Claude أو Codex أو Claude Code خلال الاسترجاع، وبنية المكونات، وربط الرموز، والتحقق.
إنشاء مطالبات أفضل لواجهات Google Stitch
بواسطة sickn33
يمكن أن ينتج Google Stitch تصاميم عامة عندما تفتقر المطالبات إلى التفاصيل. توفر هذه المهارة إرشادات منظمة للمطالبات حول الشاشات، والتدفقات، والأسلوب البصري، وإمكانية الوصول، والتسليم.
تصميم واجهات منتجات ميسّرة الوصول
بواسطة sickn33
غالبًا ما تواجه الفرق صعوبة في تحويل احتياجات المستخدمين إلى واجهات متسقة وميسّرة الوصول. ترشد هذه المهارة البحث، والتدفقات، وأنظمة التصميم، ورموز التصميم، والتسليم.
Build Accessible Tailwind Interfaces
بواسطة nextlevelbuilder
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Build Consistent Design Systems and Slides
بواسطة nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
تخطيط تجربة المستخدم قبل البناء
بواسطة pbakaus
غالبًا ما تبني الفرق الواجهات قبل توضيح أهداف المستخدمين والحالات والقيود. توجه هذه المهارة عملية الاكتشاف وتنتج موجز تصميم للتنفيذ.
حسّن تجربة المستخدم بإرشادات تصميم قائمة على البحث
بواسطة shubhamsaboo
غالبًا ما تصمم الفرق المسارات بناءً على افتراضات وتفوتها مشكلات إمكانية الوصول. ترشد هذه المهارة البحث، والبنية، وتصميم التفاعل، والمراجعة باستخدام أفضل ممارسات تجربة المستخدم.