·frontend-enhancer
</>

frontend-enhancer

يجب استخدام هذه المهارة عند تحسين التصميم المرئي وجماليات تطبيقات الويب Next.js. فهو يوفر مكونات حديثة لواجهة المستخدم وأنماط التصميم ولوحات الألوان والرسوم المتحركة وقوالب التخطيط. استخدم هذه المهارة لمهام مثل تحسين التصميم، أو إنشاء تصميمات سريعة الاستجابة، أو تنفيذ أنماط واجهة المستخدم الحديثة، أو إضافة رسوم متحركة، أو اختيار أنظمة الألوان، أو إنشاء واجهات أمامية مبهجة من الناحية الجمالية.

7التثبيتات·0الرائج·@mamba-mental

التثبيت

$npx skills add https://github.com/mamba-mental/agent-skill-manager --skill frontend-enhancer

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

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

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

المصدر: mamba-mental/agent-skill-manager.

The Frontend Enhancer skill transforms Next.js applications into visually stunning, modern web experiences. It provides production-ready components, comprehensive design guidelines, curated color palettes, smooth animations, and flexible layout templates optimized for responsiveness and accessibility.

Use pre-built, production-ready React components with multiple variants and states:

Use pre-designed, responsive layout patterns for common page sections:

يجب استخدام هذه المهارة عند تحسين التصميم المرئي وجماليات تطبيقات الويب Next.js. فهو يوفر مكونات حديثة لواجهة المستخدم وأنماط التصميم ولوحات الألوان والرسوم المتحركة وقوالب التخطيط. استخدم هذه المهارة لمهام مثل تحسين التصميم، أو إنشاء تصميمات سريعة الاستجابة، أو تنفيذ أنماط واجهة المستخدم الحديثة، أو إضافة رسوم متحركة، أو اختيار أنظمة الألوان، أو إنشاء واجهات أمامية مبهجة من الناحية الجمالية. المصدر: mamba-mental/agent-skill-manager.

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

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

أمر التثبيت
npx skills add https://github.com/mamba-mental/agent-skill-manager --skill frontend-enhancer
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from mamba-mental/agent-skill-manager

إجابات سريعة

ما هي frontend-enhancer؟

يجب استخدام هذه المهارة عند تحسين التصميم المرئي وجماليات تطبيقات الويب Next.js. فهو يوفر مكونات حديثة لواجهة المستخدم وأنماط التصميم ولوحات الألوان والرسوم المتحركة وقوالب التخطيط. استخدم هذه المهارة لمهام مثل تحسين التصميم، أو إنشاء تصميمات سريعة الاستجابة، أو تنفيذ أنماط واجهة المستخدم الحديثة، أو إضافة رسوم متحركة، أو اختيار أنظمة الألوان، أو إنشاء واجهات أمامية مبهجة من الناحية الجمالية. المصدر: mamba-mental/agent-skill-manager.

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

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

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

https://github.com/mamba-mental/agent-skill-manager

التفاصيل

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