تصميم وإعادة تصميم الواجهات الأمامية لـ React/Tailwind باستخدام نظام تصميم المشروع. استخدم هذه المهارة عند العمل على مكونات واجهة المستخدم أو الصفحات أو التخطيطات أو تحسينات تجربة المستخدم وتريد تصميمات مميزة وسهلة الوصول وغير عامة تتجنب انحدار الذكاء الاصطناعي.
ثبّت مهارة الذكاء الاصطناعي frontend-design-system بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: d-oit/do-novelist-ai.
This Skill packages opinionated guidance for building and refactoring frontend UI so that output:
If the project uses a different stack (e.g. Svelte, Vue, plain HTML/CSS), keep the same design principles and adapt syntax.
If the repo has existing tokens/components, inspect them first (using Read/Grep/Glob) and align with those patterns.
تصميم وإعادة تصميم الواجهات الأمامية لـ React/Tailwind باستخدام نظام تصميم المشروع. استخدم هذه المهارة عند العمل على مكونات واجهة المستخدم أو الصفحات أو التخطيطات أو تحسينات تجربة المستخدم وتريد تصميمات مميزة وسهلة الوصول وغير عامة تتجنب انحدار الذكاء الاصطناعي. المصدر: d-oit/do-novelist-ai.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/d-oit/do-novelist-ai --skill frontend-design-systemتصميم وإعادة تصميم الواجهات الأمامية لـ React/Tailwind باستخدام نظام تصميم المشروع. استخدم هذه المهارة عند العمل على مكونات واجهة المستخدم أو الصفحات أو التخطيطات أو تحسينات تجربة المستخدم وتريد تصميمات مميزة وسهلة الوصول وغير عامة تتجنب انحدار الذكاء الاصطناعي. المصدر: d-oit/do-novelist-ai.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/d-oit/do-novelist-ai --skill frontend-design-system بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/d-oit/do-novelist-ai