قرأنا 150 مشروعا مبنيا على shadcn/ui. التشابه ليس بنفسجيا.
العدد الأول من «مفكك». أكثر مشاريع shadcn/ui نجوما على GitHub تستخدم أحد خطين ولونا أساسيا رماديا. التدرج البنفسجي الذي يُلام عليه الجميع يأتي من مكان آخر.
في هذه الصفحة
كل من يبني بأدوات الذكاء الاصطناعي يعرف هذا الشكل: خط واحد، تدرج بنفسجي، والكروت الناعمة نفسها. المتهم المعتاد هو shadcn/ui لأنه موجود تحت عدد كبير من هذه التطبيقات. فتوقفت عن التخمين وقرأت الكود.
ماذا قست
أخذت أكثر 150 مستودعا نجوما على GitHub تحمل وسم shadcn-ui، بتاريخ 25 أيلول 2026. وفي كل واحد قرأت الملفات التي تحدد شكل التطبيق: التخطيط الرئيسي، وإعداد Tailwind، وملف الأنماط العام. وسجلت أمرين:
- الخط، من استيرادات
next/fontوروابط Google Fonts وتعريفاتfont-family. - اللون الأساسي، من أول قيمة للون الأساسي في ملف الأنماط، مصنفا حسب الدرجة إلى محايد وأزرق وبنفسجي وغيره.
المستودع الذي لم تُقرأ فيه الإشارة حُسب غير مقروء، ولم يُخمَّن. فبقي 67 مستودعا بخط مقروء، و87 بلون أساسي مقروء.
خط من اثنين
59 من أصل 67 مستودعا تستخدم Geist أو Inter، أي 88 بالمئة. يظهر Geist في 34 وInter في 28، وبعضها يحمّل الاثنين. ثمانية فقط اختارت خطا آخر، موزعة بين DM Sans وManrope وSora وMontserrat وقلة غيرها.
هذا هو التشابه الحقيقي. ليس اختيارا سيئا، فكلا الخطين ممتاز على الشاشة، لكنه يعني أن أول ما يراه القارئ متطابق تقريبا في كل هذه المنتجات.
لون أساسي رمادي، لا بنفسجي
65 من أصل 87 لونا أساسيا مقروءا محايدة: قريبة من الأسود أو رمادية، مأخوذة من لوحات shadcn الأساسية نفسها، أي 75 بالمئة. الأزرق 11 أي 13 بالمئة. والبنفسجي 5 فقط، أي 6 بالمئة.
إذن shadcn/ui ليس مصدر البنفسجي. إذا تُرك على حاله فهو رمادي. وإذا كان منتجك بنفسجيا، فهناك من اختار ذلك، أو شيء اختاره عنك.
ماذا يعني هذا إذا كنت تصمم بالذكاء الاصطناعي
مكتبة المكونات ليست مشكلة هويتك. هي تعطيك البنية وسطحا محايدا عن قصد. التشابه يتسلل من نقطتين: الخط الذي لم يغيره أحد، ولون التمييز الذي ملأته أداة لأن أحدا لم يحدده لها.
كل منهما قرار واحد. اختر خطا يحمل صوتك، وحدد لونك الأساسي، وسلّم الاثنين للنموذج قبل أن يرسم أي شيء. هذا هو الحل كله، ولهذا يجب أن يأتي نظام التصميم أولا.
المنهجية والبيانات
أداة المسح والقواعد والنتائج الخام متاحة: scan_shadcn.py وresults.json. تصنيف الدرجات يستخدم HSL (البنفسجي من 240 إلى 300 درجة) وOKLCH (البنفسجي من 265 إلى 320 درجة)، وكل ما يقل تشبعه عن 12 بالمئة أو شدته عن 0.05 يُحسب محايدا، وهناك تقع قواعد slate وzinc في shadcn. العينة هي أكثر 150 مستودعا نجوما بهذا الوسم، وتشمل مكتبات إلى جانب التطبيقات، ويبلغ الوسيط نحو 1,700 نجمة.
هذا هو العدد الأول من «مفكك»: سؤال تصميم واحد، يُقاس يدويا، والمنهجية معلنة. إذا أردت أن نعد شيئا، راسلني.