performative-ui: مكتبة React تسخر من صفحات هبوط شركات الذكاء الاصطناعي
يحوّل المشروع العبارات البصرية المكررة في مواقع الشركات الناشئة إلى أكثر من 30 مكوّن React، مثل «StickyBanner: خبر تمويل متنكّر في هيئة أداة مفيدة». المكتبة منشورة على npm برخصة MIT.
performative-ui هي مكتبة مكوّنات React تقدّم اللغة البصرية لصفحة هبوط لشركة ناشئة في مجال الذكاء الاصطناعي، لكنها تعالجها على سبيل السخرية. وشعارها نفسه يقول: «مكوّنات React مصمّمة للذكاء الاصطناعي تُظهر مدى الإقبال المبالغ فيه على جولة تمويلكم».
فهرس لعبارات التصميم المكررة
يجمع المشروع، المنشور على GitHub Pages وnpm، أكثر من 30 مكوّناً مصنّفة حسب الجزء الذي تشغله من صفحة التسويق: Heroes وMenus وSocial Proof وAtoms وPrimitives وBanners وBackgrounds وSurfaces وConversation وPricing & Conversion. ولكل عنصر وصف من سطر واحد يسمّي النمط الذي يحاكيه صراحةً. فـStickyBanner هو «خبر تمويل متنكّر في هيئة أداة مفيدة»، وStatusDot «أخضر دائماً، حتى حين لا يكون كذلك»، وPopover «مبنيّ للتحويل لا للموافقة». ويعرض WaitlistForm «طلباً صنعناه بأنفسنا»، أما Prompt فهو «مربع النص الذي يضيفه كل مطوّر ذكاء اصطناعي بدل أن يشرح ما يفعله منتجه».
ما تقوله هذه المكوّنات فعلاً
يشير بعض هذه الطرائف إلى عادات محددة في منظومة الشركات الناشئة اليوم. يَعِد MockIDE بأن «الكود الحقيقي قادم. هذا مجرد إعلان». ويلاحظ TokenStream أن «أحداث البث من الخادم (SSE) أُضيفت إلى مواصفة HTML5 عام 2008 لكن أحداً لم يستخدمها حتى 2025». ويختصر Aurora هوية جيل كامل بصريةً في «ثلاث لطخات». ويُوصف SlippyWords بأنه «شعارات تتحرك فعلياً عند التمرير. تصميم حركي، على ما يُقال»، فيما يقول LogoMarquee إن «الجميع ممن سمعتم بهم يثقون به، بمن فيهم من لم يوقّعوا».
ويُكمل بقية الفهرس هذا النوع: خمس نسخ من قسم البطل (AsciiHero وGoldeneye وRotator وWordRoll وPromptHero)، وقائمة Temperature «تصل إلى أحد عشر»، وعدّادات إحصاءات، وشارات مجتمعية، وبطاقة GlassCard وصفها «backdrop-filter: طموح»، وفقاعات محادثة، ومؤشر WibblingSpinner، وخطة سعرية وسطى متوهّجة.
التثبيت والنسخ المجتمعية
تُنشر المكتبة على npm باسم performative-ui، بإصدار 0.7.0 حالياً وبرخصة MIT. وتدعم React 18 و19، وهي مكتوبة بـTypeScript الصارم، ويعلن ملف README عن حزمة بحجم 30 كيلوبايت تقريباً. وتقع الوثائق والعروض الحية بجانب الفهرس، وللمشروع نسختان مجتمعيتان بـSvelte 5 للقائمة نفسها من المكوّنات. وعلى Hacker News، حيث ظهر كمنشور Show HN، جمع أكثر من 1100 نقطة.
SiTech — تطوير ويب مدعوم بالذكاء الاصطناعي
نبني مواقع سريعة وعصرية وندمج الذكاء الاصطناعي في سير عمل الشركات. لديك مشروع أو سؤال؟ يسعدنا مساعدتك.