📦

frontend-design

Name: frontend-design
Author: pbakaus

مراجعة المحتوى r1 آمن

إنشاء واجهات أمامية مميزة

تُضعف الواجهات العامة الثقة بالمنتج وتجعل مخرجات الذكاء الاصطناعي سهلة الملاحظة. ترشد هذه المهارة Claude وCodex وClaude Code نحو تصميم واجهات أمامية مميز.

يدعم: Claude Codex Code(CC)

🥉 78 برونزي

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل

Review the Skillstore skill "frontend-design" from https://skillstore.io/skills/pbakaus-frontend-design.md and its manifest at https://skillstore.io/api/skills/pbakaus-frontend-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل Markdown GET /skills/pbakaus-frontend-design.md manifest موقَّع GET /api/skills/pbakaus-frontend-design/manifest lockfile موقَّع GET /api/skills/pbakaus-frontend-design/lockfile

اختبرها

جارٍ استخدام "frontend-design". لوحة إدارة مهام لاستوديو تصميم صغير.

النتيجة المتوقعة:

تصور لوحة مصقول بتسلسل هرمي قوي، وحالات مهام واضحة، وتنقل متجاوب، ومعالجة تركيز قابلة للوصول، وحركة منضبطة.

جارٍ استخدام "frontend-design". صفحة أسعار تبدو حاليا مثل شبكة بطاقات عامة.

النتيجة المتوقعة:

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

جارٍ استخدام "frontend-design". تدفق نموذج لإعداد أعضاء فريق جدد.

النتيجة المتوقعة:

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

التدقيق الأمني

آمن

v6 • ٩‏/٧‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

All 25 static findings are false positives caused by frontend-design terminology such as input, invalid, grid, outline, device, and hover. The reviewed files contain Markdown design guidance only, with no prompt injection, executable scripts, network behavior, filesystem access, or credential handling.

الملفات التي تم فحصها

941

الأسطر التي تم تحليلها

عناصر المراجعة

تم تجاهل الإيجابيات الكاذبة

لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.

دقّقه: codex عرض سجل التدقيق →

شارك واستشهد بهذا التقرير

شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار

نسخ رابط التقرير

https://skillstore.io/skills/pbakaus-frontend-design/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/pbakaus-frontend-design/security.svg)](https://skillstore.io/skills/pbakaus-frontend-design?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/pbakaus-frontend-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-frontend-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

بطاقة قابلة للتضمين

<iframe src="https://skillstore.io/embed/skills/pbakaus-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

pbakaus. (2026). frontend-design security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-frontend-design/audits/6

اقتباس BibTeX

@techreport{pbakaus-pbakaus-frontend-design-2026,
  author = {pbakaus},
  title = {frontend-design security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/pbakaus-frontend-design/audits/6},
  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 6)"
version: "unspecified"
type: report
authors:
  - name: "pbakaus"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/pbakaus-frontend-design/audits/6"
identifiers:
  - type: other
    value: "skillstore:pbakaus-frontend-design:audit:6"
    description: "Skillstore immutable audit report identifier"

مقارنة المتغيرات

18 متغيرات قابلة للتثبيت

تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.

سبب تصدر هذا المتغير

أعلى تقييم في Skillstore

المؤلف / المصدر تقييم Skillstore موثوقية الأدلة استخدام Skillstore تم التحديث

AI-Vibe-Prompts موصى به

atman36-frontend-design

تقييم Skillstore 81

موثوقية الأدلة مرتفع

استخدام Skillstore 40

تم التحديث

2026-09-09

anthropics

frontend-design

تقييم Skillstore 79

موثوقية الأدلة مرتفع

استخدام Skillstore 471

تم التحديث

2026-09-09

ZhanlinCui

zhanlincui-frontend-design

تقييم Skillstore 79

موثوقية الأدلة مرتفع

استخدام Skillstore 371

تم التحديث

2026-09-09

YYH211

yyh211-frontend-design

تقييم Skillstore 79

موثوقية الأدلة مرتفع

استخدام Skillstore 208

تم التحديث

2026-09-09

1bertogit

1bertogit-frontend-design

تقييم Skillstore 79

موثوقية الأدلة مرتفع

استخدام Skillstore 190

تم التحديث

2026-09-09

92Bilal26

92bilal26-frontend-design

تقييم Skillstore 79

موثوقية الأدلة مرتفع

استخدام Skillstore 25

تم التحديث

2026-09-09

AdamAugustinsky

adamaugustinsky-frontend-design

تقييم Skillstore 79

موثوقية الأدلة مرتفع

استخدام Skillstore 20

تم التحديث

2026-09-09

am-will

am-will-frontend-design

تقييم Skillstore 79

موثوقية الأدلة مرتفع

استخدام Skillstore 19

تم التحديث

2026-09-09

Azeem-2

azeem-2-frontend-design

تقييم Skillstore 79

موثوقية الأدلة مرتفع

استخدام Skillstore 18

تم التحديث

2026-09-09

CesarAugustusGroB

cesaraugustusgrob-frontend-design

تقييم Skillstore 79

موثوقية الأدلة مرتفع

استخدام Skillstore 15

تم التحديث

2026-09-09

davila7

davila7-frontend-design

تقييم Skillstore 79

موثوقية الأدلة مرتفع

استخدام Skillstore 10

تم التحديث

2026-09-09

anthropics

anthropics-frontend-design

تقييم Skillstore 78

موثوقية الأدلة مرتفع

استخدام Skillstore 129

تم التحديث

2026-09-09

pbakaus الحالي

pbakaus-frontend-design

تقييم Skillstore 78

موثوقية الأدلة مرتفع

استخدام Skillstore 87

تم التحديث

2026-09-09

7Spade

7spade-frontend-design

تقييم Skillstore 78

موثوقية الأدلة مرتفع

استخدام Skillstore 44

تم التحديث

2026-09-09

sickn33

sickn33-frontend-design

تقييم Skillstore 78

موثوقية الأدلة مرتفع

استخدام Skillstore 26

تم التحديث

2026-09-09

AgentWorkforce

agentworkforce-frontend-design

تقييم Skillstore 78

موثوقية الأدلة مرتفع

استخدام Skillstore 18

تم التحديث

2026-09-09

AJV009

ajv009-frontend-design

تقييم Skillstore 78

موثوقية الأدلة مرتفع

استخدام Skillstore 12

تم التحديث

2026-09-09

DennisLiuCk

dennisliuck-frontend-design

تقييم Skillstore 76

موثوقية الأدلة مرتفع

استخدام Skillstore 6

تم التحديث

2026-09-09

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: مرتفع

الهندسة المعمارية

قابلية الصيانة

المحتوى

المجتمع

الامتثال للمواصفات

ما الذي يمكنك بناؤه

تصميم صفحة منتج لا تُنسى

استخدم المهارة لتحويل موجز منتج إلى صفحة مميزة بطباعة واضحة، ومسافات مدروسة، وحركة، وسلوك متجاوب.

ترقية واجهة عاملة

طبق الإرشادات لتحسين مكون موجود بتسلسل هرمي أقوى، وحالات أفضل، وتفاعلات أكثر صقلا.

إنشاء نموذج أولي لواجهة شركة ناشئة

انتقل من فكرة تطبيق غامضة إلى اتجاه واجهة مركز يتجنب أنماط الذكاء الاصطناعي العامة.

جرّب هذه الموجّهات

تصميم مكون

أنشئ مكون واجهة أمامية مميزا من أجل [purpose]. استخدم مهارة frontend-design لاختيار الطباعة، والمسافات، واللون، والحالات، والسلوك المتجاوب.

بناء صفحة متجاوبة

ابن صفحة [page type] متجاوبة لـ [audience]. استخدم إرشادات المهارة للاتجاه البصري، وإيقاع التخطيط، وإمكانية الوصول، والحركة، وكتابة تجربة المستخدم.

تحسين واجهة موجودة

راجع هذه الواجهة وحسنها باستخدام مهارة frontend-design. ركز على التسلسل الهرمي، والطباعة، وتباين الألوان، وحالات التفاعل، والتكيف مع الأجهزة المحمولة.

إنشاء نظام واجهة مستخدم كامل

أنشئ اتجاها متماسكا لواجهة المستخدم من أجل [product]. حدد المبادئ البصرية، والأنماط القابلة لإعادة الاستخدام، وقواعد الاستجابة، وسلوك الحركة، وتفاصيل التنفيذ للاستخدام في الإنتاج.

أفضل الممارسات

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

تجنب

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