design-taste-frontend-v1
تحسين الذائقة في تصميم الواجهات الأمامية
قد تبدو أعمال الواجهات الأمامية التي يولدها الذكاء الاصطناعي عامة وتفتقر إلى حالات الاستجابة المختلفة. تمنح هذه المهارة Claude وCodex وClaude Code قواعد واجهة مستخدم ذات توجه واضح لإنتاج مخرجات React وTailwind أكثر دقة.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "design-taste-frontend-v1" from https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1.md and its manifest at https://skillstore.io/api/skills/leonxlnx-design-taste-frontend-v1/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "design-taste-frontend-v1". Create a SaaS dashboard for operations managers.
النتيجة المتوقعة:
تصف الاستجابة تخطيط لوحة تحكم غير متماثل، ولوحة ألوان منضبطة، وحالات نماذج واضحة، وقواعد طي على الهاتف المحمول قبل التنفيذ.
جارٍ استخدام "design-taste-frontend-v1". Improve a product landing page that looks generic.
النتيجة المتوقعة:
تستبدل الاستجابة الإعدادات الافتراضية لقسم البطل المتمركز بتركيب أقوى، وطباعة مميزة، وإرشادات صور محددة، وتسلسل أوضح لدعوات الإجراء.
جارٍ استخدام "design-taste-frontend-v1". Add motion to a feature grid without hurting performance.
النتيجة المتوقعة:
تقترح الاستجابة مكونات متحركة معزولة، وانتقالات قائمة على spring، وحلقات memoized، وخيارات حركة تعتمد على transform فقط.
التدقيق الأمني
آمنThe static alerts are false positives caused by Markdown backticks and design prose in SKILL.md. I found no executable code, shell invocation, secret access, prompt-injection attempt, or malicious network behavior. No semantic security findings were added.
عوامل الخطر
⚙️ الأوامر الخارجية (55)
🌐 الوصول إلى الشبكة (1)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/leonxlnx-design-taste-frontend-v1/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/leonxlnx-design-taste-frontend-v1.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
leonxlnx. (2026). design-taste-frontend-v1 security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1/audits/4اقتباس BibTeX
@techreport{leonxlnx-leonxlnx-design-taste-frontend-v1-2026,
author = {leonxlnx},
title = {design-taste-frontend-v1 security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1/audits/4},
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: "design-taste-frontend-v1 security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "leonxlnx"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1/audits/4"
identifiers:
- type: other
value: "skillstore:leonxlnx-design-taste-frontend-v1:audit:4"
description: "Skillstore immutable audit report identifier"
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
تحسين شاشات المنتجات
استخدم المهارة لتحديد إرشادات التخطيط، والطباعة، والحركة، والحالات قبل تنفيذ شاشة منتج معقدة.
تشكيل واجهات العلامات التجارية
طبق توجيها بصريا أقوى عند إنشاء صفحات هبوط، أو أقسام مزايا، أو صفحات تسويقية تقودها المنتجات.
مراجعة نماذج الذكاء الاصطناعي الأولية
استخدم قائمة التحقق الأولية لاكتشاف التخطيطات العامة، والحالات الناقصة، وضعف السلوك المتجاوب.
جرّب هذه الموجّهات
Use design-taste-frontend-v1 for a React interface. Create a [screen type] for [audience]. Use Tailwind. Include loading, empty, and error states.
Apply the skill to redesign this page. Keep the same content. Improve layout, typography, responsive behavior, and interaction states.
Use the skill with motion intensity above five. Add purposeful Framer Motion interactions. Isolate animated client components and protect performance.
Review this dashboard concept with the skill checklist. Identify generic patterns, weak hierarchy, missing states, and mobile risks. Then propose focused fixes.
أفضل الممارسات
- وفر الجمهور المستهدف، ومجال المنتج، والمكدس التقني، والقيود البصرية قبل التوليد.
- شارك رموز العلامة التجارية أو قواعد المكونات الحالية عندما يجب أن تتجاوز المهارة.
- اطلب حالات التحميل، والفراغ، والخطأ، والهاتف المحمول في الموجه الأول.
تجنب
- طلب صفحة هبوط عامة من دون سياق للعلامة التجارية أو الجمهور أو المنتج.
- استخدام المهارة عندما يجب أن يتحكم نظام تصميم مؤسسي صارم في كل اختيار.
- إضافة حركة مستمرة إلى صفحات حساسة للأداء من دون فائدة واضحة للمستخدم.