·frontend-design-ultimate
</>

frontend-design-ultimate

✓
kesslerio/frontend-design-ultimate-clawhub-skillGitHub: kesslerio/frontend-design-ultimate-clawhub-skillالمصدر: kesslerio/frontend-design-ultimate-clawhub-skill

أنشئ مواقع ثابتة مميزة على مستوى الإنتاج باستخدام React وTailwind CSS وshadcn/ui — دون الحاجة إلى نماذج بالحجم الطبيعي. يُنشئ تصميمات جريئة لا تُنسى من متطلبات النص العادي مع جماليات مقاومة للذكاء الاصطناعي وأنماط الاستجابة للجوال أولاً وتجميع الملف الفردي. يُستخدم عند إنشاء الصفحات المقصودة أو مواقع التسويق أو المحافظ أو لوحات المعلومات أو أي واجهة مستخدم ويب ثابتة. يدعم سير عمل Vite (الثابت تمامًا) وNext.js (نشر Vercel).

kesslerio·frontend·design·ultimate
35التثبيتات·13الرائج·@kesslerio

التثبيت

GitHub: kesslerio/frontend-design-ultimate-clawhub-skill
$npx skills add https://github.com/kesslerio/frontend-design-ultimate-clawhub-skill --skill frontend-design-ultimate

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

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

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

المصدر: kesslerio/frontend-design-ultimate-clawhub-skill.

SKILL.md

عرض النص الخام

Create distinctive, production-grade static sites from text requirements alone. No mockups, no Figma — just describe what you want and get bold, memorable designs.

Stack: React 18 + TypeScript + Tailwind CSS + shadcn/ui + Framer Motion Output: Vite (static HTML) or Next.js (Vercel-ready)

Before writing any code, commit to a BOLD aesthetic direction:

أنشئ مواقع ثابتة مميزة على مستوى الإنتاج باستخدام React وTailwind CSS وshadcn/ui — دون الحاجة إلى نماذج بالحجم الطبيعي. يُنشئ تصميمات جريئة لا تُنسى من متطلبات النص العادي مع جماليات مقاومة للذكاء الاصطناعي وأنماط الاستجابة للجوال أولاً وتجميع الملف الفردي. يُستخدم عند إنشاء الصفحات المقصودة أو مواقع التسويق أو المحافظ أو لوحات المعلومات أو أي واجهة مستخدم ويب ثابتة. يدعم سير عمل Vite (الثابت تمامًا) وNext.js (نشر Vercel). المصدر: kesslerio/frontend-design-ultimate-clawhub-skill.

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

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

أمر التثبيت
npx skills add https://github.com/kesslerio/frontend-design-ultimate-clawhub-skill --skill frontend-design-ultimate
المصدر
kesslerio/frontend-design-ultimate-clawhub-skill
الفئة
</>أدوات التطوير
موثق
✓
أول ظهور
2026-02-25
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/kesslerio/frontend-design-ultimate-clawhub-skill/frontend-design-ultimate

Browse more skills from kesslerio/frontend-design-ultimate-clawhub-skill

إجابات سريعة

ما هي frontend-design-ultimate؟

أنشئ مواقع ثابتة مميزة على مستوى الإنتاج باستخدام React وTailwind CSS وshadcn/ui — دون الحاجة إلى نماذج بالحجم الطبيعي. يُنشئ تصميمات جريئة لا تُنسى من متطلبات النص العادي مع جماليات مقاومة للذكاء الاصطناعي وأنماط الاستجابة للجوال أولاً وتجميع الملف الفردي. يُستخدم عند إنشاء الصفحات المقصودة أو مواقع التسويق أو المحافظ أو لوحات المعلومات أو أي واجهة مستخدم ويب ثابتة. يدعم سير عمل Vite (الثابت تمامًا) وNext.js (نشر Vercel). المصدر: kesslerio/frontend-design-ultimate-clawhub-skill.

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

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

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

https://github.com/kesslerio/frontend-design-ultimate-clawhub-skill

التفاصيل

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

مهارات ذات صلة

لا يوجد