أنشئ واجهات مستخدم أنيقة للواجهة الأمامية تتبع نظام NextGen Design System الخاص بـ Microsoft Foundry باستخدام Vite + React + pnpm + Framer Motion. يُستخدم عند إنشاء لوحات المعلومات، أو منشئي الوكلاء، أو شبكات البيانات، أو واجهات إدارة الكيان، أو أي تطبيق يتوافق مع جمالية Foundry ذات المظهر الداكن.
ثبّت مهارة الذكاء الاصطناعي foundry-nextgen-frontend بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: hainamchung/agent-assistant.
Build elegant, production-ready interfaces following Microsoft Foundry's NextGen Design System - a refined neutral dark-themed design language with minimal purple accents and subtle animations.
| Page content | 32px (--space-8) | | Card | 20px (--space-5) | | Card header | 16px 20px | | Button | 8px 16px | | Input | 10px 12px | | Table cell | 12px 16px | | Modal body | 24px | | Badge/Tag | 4px 10px |
| Card grid | 16px (--space-4) | | Form fields | 20px (--space-5) | | Button group | 12px (--space-3) | | Tag group | 8px (--space-2) |
أنشئ واجهات مستخدم أنيقة للواجهة الأمامية تتبع نظام NextGen Design System الخاص بـ Microsoft Foundry باستخدام Vite + React + pnpm + Framer Motion. يُستخدم عند إنشاء لوحات المعلومات، أو منشئي الوكلاء، أو شبكات البيانات، أو واجهات إدارة الكيان، أو أي تطبيق يتوافق مع جمالية Foundry ذات المظهر الداكن. المصدر: hainamchung/agent-assistant.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/hainamchung/agent-assistant --skill foundry-nextgen-frontendأنشئ واجهات مستخدم أنيقة للواجهة الأمامية تتبع نظام NextGen Design System الخاص بـ Microsoft Foundry باستخدام Vite + React + pnpm + Framer Motion. يُستخدم عند إنشاء لوحات المعلومات، أو منشئي الوكلاء، أو شبكات البيانات، أو واجهات إدارة الكيان، أو أي تطبيق يتوافق مع جمالية Foundry ذات المظهر الداكن. المصدر: hainamchung/agent-assistant.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/hainamchung/agent-assistant --skill foundry-nextgen-frontend بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/hainamchung/agent-assistant