📦

design-taste-frontend

Name: design-taste-frontend
Author: leonxlnx

مراجعة المحتوى r1 آمن ⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة

بناء واجهات أمامية مصقولة

غالبا ما تبدو الواجهات التي ينشئها الذكاء الاصطناعي عامة أو تفتقد تفاصيل الإنتاج. تمنح هذه المهارة Claude وCodex وClaude Code ضوابط صارمة للتصميم والواجهة الأمامية.

يدعم: Claude Codex Code(CC)

🥉 78 برونزي

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

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

طلب الوكيل

Review the Skillstore skill "design-taste-frontend" from https://skillstore.io/skills/leonxlnx-design-taste-frontend.md and its manifest at https://skillstore.io/api/skills/leonxlnx-design-taste-frontend/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/leonxlnx-design-taste-frontend.md manifest موقَّع GET /api/skills/leonxlnx-design-taste-frontend/manifest lockfile موقَّع GET /api/skills/leonxlnx-design-taste-frontend/lockfile

اختبرها

جارٍ استخدام "design-taste-frontend". حسّن صفحة فوترة SaaS تبدو مسطحة وعامة.

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

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

جارٍ استخدام "design-taste-frontend". أنشئ لوحة تحليلات منتج مع حركة.

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

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

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

آمن

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

All static findings were reviewed against SKILL.md. The backtick, URL, and reconnaissance hits are Markdown prose or frontend guidance, not executable behavior. No prompt injection, exfiltration intent, or unsafe automation evidence was found.

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

227

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

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

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

عوامل الخطر

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

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

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

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

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

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

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

شارة Markdown

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

شارة HTML

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

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

<iframe src="https://skillstore.io/embed/skills/leonxlnx-design-taste-frontend.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 security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-design-taste-frontend/audits/4

اقتباس BibTeX

@techreport{leonxlnx-leonxlnx-design-taste-frontend-2026,
  author = {leonxlnx},
  title = {design-taste-frontend security audit report (audit version 4)},
  institution = {Skillstore},
  year = {2026},
  number = {4},
  url = {https://skillstore.io/skills/leonxlnx-design-taste-frontend/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 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/audits/4"
identifiers:
  - type: other
    value: "skillstore:leonxlnx-design-taste-frontend:audit:4"
    description: "Skillstore immutable audit report identifier"

تقييم Skillstore

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

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

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

المحتوى

المجتمع

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

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

تحسين شاشات React

تحسين شاشة React أو Next.js أولية من خلال تسلسل هرمي أوضح وتخطيطات متجاوبة وحالات UI مكتملة.

وضع ضوابط مرئية

تطبيق قواعد صارمة للطباعة والألوان والتباعد والحركة قبل أن يكتب الوكيل كود الواجهة.

إطلاق نماذج أولية أفضل

تحويل فكرة منتج إلى نموذج أولي مصقول مع قيود تصميم عملية وفحوصات أداء.

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

تحسين شاشة واحدة

Use design-taste-frontend to improve this screen. Preserve the current stack. Focus on spacing, typography, color restraint, and mobile behavior.

إنشاء UI للوحة تحكم

Create a React dashboard for [product]. Use dense data layout rules, complete loading and empty states, and no generic card grid.

إضافة الحركة بأمان

Add motion to this interface. Keep animations isolated in client components. Use transform and opacity only. Include cleanup for any effects.

تدقيق تدفق كامل

Review this multi-page frontend flow. Identify weak visual hierarchy, missing states, risky motion, and responsive issues before editing code.

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

شارك سياق المنتج والمستخدمين المستهدفين وقيود العلامة التجارية الحالية قبل طلب التنفيذ.
اطلب من الوكيل فحص package.json قبل إضافة أي مكتبة UI أو حركة تابعة لجهة خارجية.
راجع تخطيطات الجوال وأداء الحركة بعد كل تغيير واجهة أمامية مولد.

تجنب

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

الأسئلة المتكررة

هل تكتب هذه المهارة كود الواجهة الأمامية؟

توجه وكيلا للذكاء الاصطناعي أثناء كتابة كود الواجهة الأمامية أو مراجعته. لا تشحن مكونات بمفردها.

ما الحزم التقنية التي تستهدفها؟

تفضل React وNext.js وTailwind CSS ومكتبات الحركة الشائعة. يمكن للمستخدم طلب حزمة تقنية مختلفة.

هل يمكنها العمل مع Claude وCodex وClaude Code؟

نعم. يعتمد المحتوى على التعليمات ويذكر دعمه لـ Claude وCodex وClaude Code.

هل تتطلب وصولا إلى الشبكة؟

لا. المهارة عبارة عن ملف تعليمات Markdown. قد تشير إلى عناوين URL صورية كأمثلة.

هل ستثبت التبعيات تلقائيا؟

لا. تخبر الوكيل بفحص package.json وعرض أوامر التثبيت عند فقدان حزمة.

هل هي آمنة لمشاريع الإنتاج؟

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

تفاصيل المطور

المؤلف

leonxlnx

الترخيص

MIT

مراجعة Skillstore

تنبيه الإصدار

لم يعلن المؤلف عن إصدار.

المستودع

https://github.com/leonxlnx/taste-skill/tree/main/skills/taste-skill/

مرجع

b8ca75d2c0a7e7102978993058777d82b8ab2610

حداثة الصيانة

١٨‏/٧‏/٢٠٢٦

الاستخدام

42 تنزيلات · 116 مشاهدات

بنية الملفات

📄 SKILL.md