أنماط مكونات Master React وVue وSvelte بما في ذلك CSS-in-JS واستراتيجيات التركيب وهندسة المكونات القابلة لإعادة الاستخدام. يُستخدم عند إنشاء مكتبات مكونات واجهة المستخدم، أو تصميم واجهات برمجة تطبيقات المكونات، أو تنفيذ أنظمة تصميم الواجهة الأمامية.
ثبّت مهارة الذكاء الاصطناعي web-component-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: wshobson/agents.
Build reusable, maintainable UI components using modern frameworks with clean composition patterns and styling approaches.
| Tailwind CSS | Utility classes | Rapid prototyping, design systems | | CSS Modules | Scoped CSS files | Existing CSS, gradual adoption | | styled-components | Template literals | React, dynamic styling | | Emotion | Object/template styles | Flexible, SSR-friendly | | Vanilla Extract | Zero-runtime | Performance-critical apps |
أنماط مكونات Master React وVue وSvelte بما في ذلك CSS-in-JS واستراتيجيات التركيب وهندسة المكونات القابلة لإعادة الاستخدام. يُستخدم عند إنشاء مكتبات مكونات واجهة المستخدم، أو تصميم واجهات برمجة تطبيقات المكونات، أو تنفيذ أنظمة تصميم الواجهة الأمامية. المصدر: wshobson/agents.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/wshobson/agents --skill web-component-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/wshobson/agents --skill web-component-designأنماط مكونات Master React وVue وSvelte بما في ذلك CSS-in-JS واستراتيجيات التركيب وهندسة المكونات القابلة لإعادة الاستخدام. يُستخدم عند إنشاء مكتبات مكونات واجهة المستخدم، أو تصميم واجهات برمجة تطبيقات المكونات، أو تنفيذ أنظمة تصميم الواجهة الأمامية. المصدر: wshobson/agents.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/wshobson/agents --skill web-component-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/wshobson/agents