ما هي frontend-design؟
تصميم وتنفيذ واجهات أمامية مميزة وجاهزة للإنتاج مع اتجاه جمالي قوي. يُستخدم عندما يُطلب منك إنشاء أو إعادة تصميم صفحات الويب أو المكونات أو التطبيقات (HTML/CSS/JS، React، Vue، وما إلى ذلك). المصدر: mitsuhiko/agent-commands.
·frontend-design
</>
frontend-design
✓تصميم وتنفيذ واجهات أمامية مميزة وجاهزة للإنتاج مع اتجاه جمالي قوي. يُستخدم عندما يُطلب منك إنشاء أو إعادة تصميم صفحات الويب أو المكونات أو التطبيقات (HTML/CSS/JS، React، Vue، وما إلى ذلك).
كيفية تثبيت frontend-design
ثبّت مهارة الذكاء الاصطناعي frontend-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/mitsuhiko/agent-commands --skill frontend-design
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: mitsuhiko/agent-commands.
SKILL.md
عرض النص الخامDesign and implement memorable frontend interfaces with a clear, intentional aesthetic. The output must be real, working code — not just mood boards. This skill is about design thinking + execution: every visual choice should be rooted in purpose and context.
If the user did not provide this, ask 2–4 targeted questions, or state reasonable assumptions in a short preface.
Commit to a single, bold aesthetic direction. Name it and execute it consistently. Examples:
تصميم وتنفيذ واجهات أمامية مميزة وجاهزة للإنتاج مع اتجاه جمالي قوي. يُستخدم عندما يُطلب منك إنشاء أو إعادة تصميم صفحات الويب أو المكونات أو التطبيقات (HTML/CSS/JS، React، Vue، وما إلى ذلك). المصدر: mitsuhiko/agent-commands.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/mitsuhiko/agent-commands --skill frontend-design- المصدر
- mitsuhiko/agent-commands
- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-22
- آخر تحديث
- 2026-03-11
إجابات سريعة
كيف أثبّت frontend-design؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/mitsuhiko/agent-commands --skill frontend-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/mitsuhiko/agent-commands
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-22