📦
content-creator
88إنشاء محتوى تسويقي متسق مع العلامة التجارية
تحتاج فرق التسويق إلى محتوى يبقى متسقًا عبر القنوات. تساعد هذه المهارة في تخطيط المحتوى وكتابته وتحليله وتحسينه بما يتوافق مع نبرة العلامة التجارية وSEO.
الكتابة والمحتوى عرض
المهارات frontend-design
📦
frontend-design
مراجعة المحتوى r2 آمن ⚙️ الأوامر الخارجية
بناء واجهات أمامية مميزة
تجعل الواجهات العامة المولدة بالذكاء الاصطناعي المنتجات تبدو متشابهة. توجه هذه المهارة Claude وCodex وClaude Code نحو توجهات واجهة مستخدم مصممة بعناية، وأنظمة تصميم، وشيفرة واجهة أمامية عاملة.
يدعم: Claude Codex Code(CC)
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
طلب الوكيل
Review the Skillstore skill "frontend-design" from https://skillstore.io/skills/sickn33-frontend-design.md and its manifest at https://skillstore.io/api/skills/sickn33-frontend-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "frontend-design". أنشئ لوحة معلومات لفريق عمليات ينبغي أن تبدو دقيقة وسريعة وجادة.
النتيجة المتوقعة:
ستحدد الاستجابة اتجاها صناعيا نفعيا، وتحدد قواعد الطباعة والتخطيط، ثم تقدم تنفيذا عاملا للوحة المعلومات.
جارٍ استخدام "frontend-design". أعد تصميم صفحة رئيسية عامة لتطبيق SaaS بحيث تبدو memorable وpremium.
النتيجة المتوقعة:
ستستبدل الاستجابة الأنماط الافتراضية بأطروحة بصرية مركزة، واختيارات كتابة مصقولة، وألوان منضبطة، وحركة هادفة.
جارٍ استخدام "frontend-design". اختر أسلوبا بصريا لتطبيق تعليمي مالي بطابع مرح.
النتيجة المتوقعة:
ستقارن الاستجابة عدة اتجاهات، وتقيمها باستخدام DFII، وتوصي بالتصميم الأنسب قبل التنفيذ.
التدقيق الأمني
آمنv5 • ٢٣/٧/٢٠٢٦ فتح التقرير المرتبط بالإصدار
All seven static findings are false positives. Lines 63 and 65 are Markdown fences around an arithmetic formula, while the remaining matches are ordinary design guidance. No prompt injection, command execution, reconnaissance, or malicious intent was found.
2
الملفات التي تم فحصها
461
الأسطر التي تم تحليلها
0
عناصر المراجعة
0
تم تجاهل الإيجابيات الكاذبة
عوامل الخطر
⚙️ الأوامر الخارجية (2)
لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.
دقّقه: codex عرض سجل التدقيق →
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/sickn33-frontend-design/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/sickn33-frontend-design?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/sickn33-frontend-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-frontend-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/sickn33-frontend-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>الاستشهادات الأكاديمية (APA · BibTeX · CFF)
اقتباس APA
sickn33. (2026). frontend-design security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-frontend-design/audits/5اقتباس BibTeX
@techreport{sickn33-sickn33-frontend-design-2026,
author = {sickn33},
title = {frontend-design security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-frontend-design/audits/5},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "frontend-design security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-frontend-design/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-frontend-design:audit:5"
description: "Skillstore immutable audit report identifier"
مقارنة المتغيرات
18 متغيرات قابلة للتثبيتتبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
أعلى تقييم في Skillstore
المؤلف / المصدر تقييم Skillstore موثوقية الأدلة استخدام Skillstore تم التحديث
AI-Vibe-Prompts موصى به
atman36-frontend-design
تقييم Skillstore 81
موثوقية الأدلة مرتفع
استخدام Skillstore 40
تم التحديث
2026-09-09
frontend-design
تقييم Skillstore 79
موثوقية الأدلة مرتفع
استخدام Skillstore 471
تم التحديث
2026-09-09
zhanlincui-frontend-design
تقييم Skillstore 79
موثوقية الأدلة مرتفع
استخدام Skillstore 371
تم التحديث
2026-09-09
yyh211-frontend-design
تقييم Skillstore 79
موثوقية الأدلة مرتفع
استخدام Skillstore 208
تم التحديث
2026-09-09
1bertogit-frontend-design
تقييم Skillstore 79
موثوقية الأدلة مرتفع
استخدام Skillstore 190
تم التحديث
2026-09-09
92bilal26-frontend-design
تقييم Skillstore 79
موثوقية الأدلة مرتفع
استخدام Skillstore 25
تم التحديث
2026-09-09
adamaugustinsky-frontend-design
تقييم Skillstore 79
موثوقية الأدلة مرتفع
استخدام Skillstore 20
تم التحديث
2026-09-09
am-will-frontend-design
تقييم Skillstore 79
موثوقية الأدلة مرتفع
استخدام Skillstore 19
تم التحديث
2026-09-09
azeem-2-frontend-design
تقييم Skillstore 79
موثوقية الأدلة مرتفع
استخدام Skillstore 18
تم التحديث
2026-09-09
cesaraugustusgrob-frontend-design
تقييم Skillstore 79
موثوقية الأدلة مرتفع
استخدام Skillstore 15
تم التحديث
2026-09-09
davila7-frontend-design
تقييم Skillstore 79
موثوقية الأدلة مرتفع
استخدام Skillstore 10
تم التحديث
2026-09-09
anthropics-frontend-design
تقييم Skillstore 78
موثوقية الأدلة مرتفع
استخدام Skillstore 129
تم التحديث
2026-09-09
pbakaus-frontend-design
تقييم Skillstore 78
موثوقية الأدلة مرتفع
استخدام Skillstore 87
تم التحديث
2026-09-09
7spade-frontend-design
تقييم Skillstore 78
موثوقية الأدلة مرتفع
استخدام Skillstore 44
تم التحديث
2026-09-09
sickn33 الحالي
sickn33-frontend-design
تقييم Skillstore 78
موثوقية الأدلة مرتفع
استخدام Skillstore 26
تم التحديث
2026-09-09
agentworkforce-frontend-design
تقييم Skillstore 78
موثوقية الأدلة مرتفع
استخدام Skillstore 18
تم التحديث
2026-09-09
ajv009-frontend-design
تقييم Skillstore 78
موثوقية الأدلة مرتفع
استخدام Skillstore 12
تم التحديث
2026-09-09
dennisliuck-frontend-design
تقييم Skillstore 76
موثوقية الأدلة مرتفع
استخدام Skillstore 6
تم التحديث
2026-09-09
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفع 55
الهندسة المعمارية
85
قابلية الصيانة
87
المحتوى
69
المجتمع
83
الامتثال للمواصفات
ما الذي يمكنك بناؤه
إنشاء واجهة منتج
حوّل فكرة تطبيق ويب أولية إلى شاشة أولى مميزة ذات اتجاه بصري واضح وبنية واجهة أمامية عاملة.
تحديث واجهة عامة
استبدل التخطيطات والخطوط والألوان الافتراضية بنظام تصميم متماسك يناسب جمهور المنتج.
صياغة موجز تصميم
قارن الاتجاهات الجمالية، وقيّم الجدوى، وحدد قواعد التنفيذ قبل بناء المكونات.
جرّب هذه الموجّهات
بدء صفحة جديدة
أنشئ صفحة هبوط جاهزة للإنتاج لـ [product]. اختر اتجاها جماليا واضحا واحدا، وحدد نظام التصميم، ونفذ الشاشة الأولى.
تحسين واجهة موجودة
أعد تصميم هذه الواجهة لتجنب أنماط واجهات الذكاء الاصطناعي العامة. أبقِ سير العمل الأساسي، لكن حسّن الطباعة، والألوان، والتخطيط، والحركة.
إنشاء نظام مكونات
أنشئ نظام تصميم واجهة أمامية لـ [application type]. ضمّن الاتجاه الجمالي، وقواعد المكونات القابلة لإعادة الاستخدام، وتوقعات إمكانية الوصول، وإرشادات التنفيذ.
تقييم الاتجاه وبناؤه
قارن ثلاثة اتجاهات بصرية لـ [product]، وقيّم كل واحد باستخدام DFII، واختر الخيار الأقوى، ثم ابنِ الواجهة باستخدام ذلك الاتجاه.
أفضل الممارسات
- قدّم الجمهور، وهدف المنتج، والنبرة العاطفية المطلوبة قبل طلب التنفيذ.
- اطلب درجة DFII عند مقارنة اتجاهات بصرية متعددة.
- تحقق من الواجهة المولدة من حيث إمكانية الوصول، والاستجابة، والأداء.
تجنب
- طلب واجهة جميلة دون سياق للمنتج أو مستخدمين مستهدفين.
- مزج عدد كبير جدا من الأساليب الجمالية في واجهة واحدة.
- قبول الخطوط والألوان والتخطيطات الافتراضية دون مراجعة.
الأسئلة المتكررة
ما الذي تساعد هذه المهارة على إنشائه؟
تساعد على إنشاء واجهات أمامية مميزة، وأنظمة تصميم، وتنفيذات واجهة ويب عاملة.
هل يمكن أن تعمل مع React؟
نعم. تتضمن المهارة إرشادات React ويمكنها أيضا دعم أعمال HTML وCSS والأعمال المركزة على الرسوم المتحركة.
هل تولد شيفرة جاهزة للإنتاج؟
توجه الوكيل لإنتاج شيفرة واجهة أمامية نظيفة، وقابلة للوصول، ووحداتية، ومناسبة للمراجعة الإنتاجية.
هل هي مخصصة لصفحات الهبوط فقط؟
لا. يمكنها دعم لوحات المعلومات، والمكونات، وشاشات التطبيقات، وصفحات المنتجات، وتحديثات التصميم.
هل تختار الخطوط والألوان؟
نعم. تطلب من الوكيل تحديد قواعد الطباعة، ومتغيرات الألوان، والتباعد، والحركة.
ماذا ينبغي أن أقدم في الموجه؟
قدّم غرض المنتج، والجمهور، ونبرة العلامة التجارية، وسير العمل المستهدف، وأي قيود تقنية.
تفاصيل المطور
المؤلف
sickn33الترخيص
MIT
مراجعة Skillstore
r2
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
88a8e9a07f4c54ab105c1c41b6267c287146b07b
حداثة الصيانة
٢٦/٧/٢٠٢٦
الاستخدام
23 تنزيلات · 114 مشاهدات
بنية الملفات
📄 SKILL.md
المزيد من sickn33
عرض الكل📦
prompt-engineering-patterns
85حسّن مطالبات LLM باستخدام أنماط مثبتة
تستهلك المطالبات غير المتسقة الوقت وتجعل مخرجات الذكاء الاصطناعي صعبة الثقة. ترشد هذه المهارة تصميم المطالبات باستخدام أنماط قابلة لإعادة الاستخدام، وأمثلة، وخطوات تقييم، وسير عمل للتحسين.
الإنتاجية عرض
📦
senior-architect
81تصميم معماريات برمجية قابلة للتوسع
يصعب مقارنة قرارات المعمارية عبر أنظمة الويب والهواتف المحمولة والخلفية والسحابة. توفر هذه المهارة أدلة منظمة وسكربتات تمهيدية محلية للتقارير ومراجعة الاعتماديات وتوثيق المفاضلات.
البرمجة والتطوير عرض
📦
senior-fullstack
81بناء تطبيقات Fullstack بأنماط هندسية متقدمة
تحتاج الفرق إلى إرشادات متسقة للإعداد والبنية والمراجعة لتطبيقات الويب الحديثة. توفر هذه المهارة أدوات إنشاء هياكل أولية، ومراجع لسير العمل، ومطالبات للجودة لمشاريع React وNext.js وNode.js وGraphQL وPostgreSQL.
البرمجة والتطوير عرض
📦
prompt-engineer
81حسّن موجهات الذكاء الاصطناعي باستخدام Prompt Engineer
كتابة موجهات واضحة صعبة عندما تكون الأهداف غامضة أو معقدة. تحوّل هذه المهارة الطلبات الأولية إلى موجهات منظمة باستخدام أطر عمل مثبتة للموجهات.
الإنتاجية عرض
📦
product-manager-toolkit
80رتّب أولويات عمل المنتج باستخدام رؤى البحث
تحتاج فرق المنتج إلى طرق أسرع لترتيب الميزات، وتلخيص المقابلات، وتوثيق القرارات. توفر هذه المهارة تسجيل RICE، وتحليل المقابلات، وقوالب PRD للتخطيط المنظم.
الإنتاجية عرض
مهارات ذات صلة
عرض الكل📦
ui-styling
83Build 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.
التصميم والإبداع عرض
📦
ux-designer
80حسّن تجربة المستخدم بإرشادات تصميم قائمة على البحث
بواسطة shubhamsaboo
غالبًا ما تصمم الفرق المسارات بناءً على افتراضات وتفوتها مشكلات إمكانية الوصول. ترشد هذه المهارة البحث، والبنية، وتصميم التفاعل، والمراجعة باستخدام أفضل ممارسات تجربة المستخدم.
التصميم والإبداع عرض
📦
web-accessibility
82تدقيق إمكانية الوصول إلى الويب للامتثال لمعايير WCAG
بواسطة 89jobrien
يمكن أن تمنع فجوات إمكانية الوصول المستخدمين من الاستفادة من الخدمة وأن تخلق مخاطر امتثال. ترشد هذه المهارة عمليات تدقيق WCAG، وفحوصات قارئ الشاشة، واختبار لوحة المفاتيح، وتخطيط المعالجة.
التصميم والإبداع عرض
📦
design-system
82Build 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.
التصميم والإبداع عرض
📦
shape
81تخطيط تجربة المستخدم قبل البناء
بواسطة pbakaus
غالبًا ما تبني الفرق الواجهات قبل توضيح أهداف المستخدمين والحالات والقيود. توجه هذه المهارة عملية الاكتشاف وتنتج موجز تصميم للتنفيذ.
التصميم والإبداع عرض
📦
ui-design
80تصميم نماذج أولية مميزة لواجهات المستخدم
بواسطة tencentcloudbase
غالبا ما تفتقر واجهات الذكاء الاصطناعي العامة إلى اتجاه بصري وتفاصيل واعية بالمنصة. ترشد هذه المهارة Claude وCodex وClaude Code إلى تحديد نية التصميم قبل بناء النماذج الأولية.
التصميم والإبداع عرض