منهجية التصميم الذري لهندسة مكونات التفاعل. يُستخدم لهيكلة مكتبات المكونات وتنظيم التسلسلات الهرمية لواجهة المستخدم وإنشاء أنظمة تصميم قابلة للتطوير. تشغيل طلبات تنظيم المكونات، أو بنية نظام التصميم، أو التسلسل الهرمي لواجهة المستخدم، أو أسئلة حول الذرات/الجزيئات/الكائنات الحية/القوالب/الصفحات.
ثبّت مهارة الذكاء الاصطناعي atomic-design بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: ibutters/claudecodeplugins.
Molecules Combine atoms into functional units with single responsibility.
Examples: Header, Footer, ProductCard, CommentSection, Sidebar, DataTable
Templates Page-level layouts without real content. Define structure only.
منهجية التصميم الذري لهندسة مكونات التفاعل. يُستخدم لهيكلة مكتبات المكونات وتنظيم التسلسلات الهرمية لواجهة المستخدم وإنشاء أنظمة تصميم قابلة للتطوير. تشغيل طلبات تنظيم المكونات، أو بنية نظام التصميم، أو التسلسل الهرمي لواجهة المستخدم، أو أسئلة حول الذرات/الجزيئات/الكائنات الحية/القوالب/الصفحات. المصدر: ibutters/claudecodeplugins.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/ibutters/claudecodeplugins --skill atomic-designمنهجية التصميم الذري لهندسة مكونات التفاعل. يُستخدم لهيكلة مكتبات المكونات وتنظيم التسلسلات الهرمية لواجهة المستخدم وإنشاء أنظمة تصميم قابلة للتطوير. تشغيل طلبات تنظيم المكونات، أو بنية نظام التصميم، أو التسلسل الهرمي لواجهة المستخدم، أو أسئلة حول الذرات/الجزيئات/الكائنات الحية/القوالب/الصفحات. المصدر: ibutters/claudecodeplugins.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/ibutters/claudecodeplugins --skill atomic-design بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/ibutters/claudecodeplugins