ما هي frontend-design؟
إرشادات تصميم الواجهة الأمامية المتخصصة لإنشاء واجهات مستخدم جميلة وحديثة. يُستخدم عند إنشاء الصفحات المقصودة أو لوحات المعلومات أو أي واجهة مستخدم. المصدر: jdrhyne/agent-skills.
·frontend-design
</>
frontend-design
✓إرشادات تصميم الواجهة الأمامية المتخصصة لإنشاء واجهات مستخدم جميلة وحديثة. يُستخدم عند إنشاء الصفحات المقصودة أو لوحات المعلومات أو أي واجهة مستخدم.
التثبيت
كيفية تثبيت frontend-design
ثبّت مهارة الذكاء الاصطناعي frontend-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jdrhyne/agent-skills --skill frontend-design
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: jdrhyne/agent-skills.
SKILL.md
عرض النص الخامUse this skill when creating UI components, landing pages, dashboards, or any frontend design work.
| Primary font | Inter, Outfit, DM Sans | | Code font | JetBrains Mono, Fira Code | | Border radius | 0.5rem - 1rem (modern), 0 (brutalist) | | Shadow | Subtle, 1-2 layers max | | Spacing | 4px base unit (0.25rem) | | Animation | 150-400ms, ease-out | | Colors | oklch() for modern, avoid generic blue |
إرشادات تصميم الواجهة الأمامية المتخصصة لإنشاء واجهات مستخدم جميلة وحديثة. يُستخدم عند إنشاء الصفحات المقصودة أو لوحات المعلومات أو أي واجهة مستخدم. المصدر: jdrhyne/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jdrhyne/agent-skills --skill frontend-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/jdrhyne/agent-skills --skill frontend-design- المصدر
- jdrhyne/agent-skills
- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-25
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت frontend-design؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jdrhyne/agent-skills --skill frontend-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/jdrhyne/agent-skills
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-25