·frontend-design
</>

frontend-design

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

4التثبيتات·0الرائج·@congdon1207

التثبيت

$npx skills add https://github.com/congdon1207/agents.md --skill frontend-design

كيفية تثبيت frontend-design

ثبّت مهارة الذكاء الاصطناعي frontend-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/congdon1207/agents.md --skill frontend-design
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: congdon1207/agents.md.

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.

Important: Do NOT skip to implementation. Extract design guidelines FIRST, then code.

قم بإنشاء واجهات أمامية مميزة على مستوى الإنتاج بجودة تصميم عالية. استخدم هذه المهارة عندما يطلب المستخدم إنشاء مكونات ويب أو صفحات أو تطبيقات، أو عندما يقدم لقطات شاشة/صور/تصميمات لتكرارها أو الاستلهام منها. بالنسبة لمدخلات لقطات الشاشة، يتم استخراج إرشادات التصميم أولاً باستخدام تحليل الذكاء الاصطناعي متعدد الوسائط، ثم تنفيذ التعليمات البرمجية باتباع تلك الإرشادات. يُنشئ كودًا إبداعيًا مصقولًا يتجنب جماليات الذكاء الاصطناعي العامة. المصدر: congdon1207/agents.md.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/congdon1207/agents.md --skill frontend-design
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-05
آخر تحديث
2026-03-10

Browse more skills from congdon1207/agents.md

إجابات سريعة

ما هي frontend-design؟

قم بإنشاء واجهات أمامية مميزة على مستوى الإنتاج بجودة تصميم عالية. استخدم هذه المهارة عندما يطلب المستخدم إنشاء مكونات ويب أو صفحات أو تطبيقات، أو عندما يقدم لقطات شاشة/صور/تصميمات لتكرارها أو الاستلهام منها. بالنسبة لمدخلات لقطات الشاشة، يتم استخراج إرشادات التصميم أولاً باستخدام تحليل الذكاء الاصطناعي متعدد الوسائط، ثم تنفيذ التعليمات البرمجية باتباع تلك الإرشادات. يُنشئ كودًا إبداعيًا مصقولًا يتجنب جماليات الذكاء الاصطناعي العامة. المصدر: congdon1207/agents.md.

كيف أثبّت frontend-design؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/congdon1207/agents.md --skill frontend-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/congdon1207/agents.md

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-05