AURORA
GSAP + ScrollTrigger
محرّك حركة سينمائية بالـ scroll: pinned scenes, scrubbed timelines, horizontal flow, parallax. وراء المواقع الحائزة على Awwwards/FWA. مجاني بالكامل منذ 2025.
★ المميزPinned + scrubbed scroll: العنصر يتثبّت والمحتوى يتحرك مع الإصبع — توقيع المواقع الراقية.
⇄ vs الأساسيالأساسي: عناصر ثابتة تظهر فجأة. المميز: المشهد يُروى مع الـ scroll (pin + scrub + horizontal).
⛓ في ALARAClaude Designer — Claude Code (Maestro) يحقن طبقة GSAP على ناتج Claude Designer ضمن Claude-in-Loop. كل موقع FORGE يصير award-grade.
FLUX
Framer Motion (Motion / Motion One)
مكتبة أنميشن: spring physics, gestures (hover/tap), layout animation, stagger. المعيار الأول لأنميشن React.
★ المميزLayout Morph: كرت صغير يتمدّد بسلاسة لشاشة كاملة ويرجع — بلا قفزات.
⇄ vs الأساسيالأساسي: نافذة تفتح/تقفل فجأة. المميز: العنصر نفسه يتحوّل بنعومة بين تخطيطين + سحب بفيزياء.
⛓ في ALARAخط React الجديد (للمواقع المتقدّمة)؛ والحركات البسيطة عبر Claude Designer (Motion One vanilla).
PRISM
21st.dev (Magic MCP)
مولّد مكوّنات UI بالـ AI: تكتب وصف فيولّد مكوّن React+Tailwind بريميوم جاهز. 'v0 جوّا المحرّر'. YC 2026.
★ المميزPrompt → Component: جملة واحدة تطلع مكوّن بريميوم متحرك في ثوانٍ، ومتوصّل بـ Claude Code كـ MCP.
⇄ vs الأساسيالأساسي: تكتب كل مكوّن يدوي (دقائق/ساعات). المميز: /ui 'بطاقة تسعير' → مكوّن جاهز فوراً.
⛓ في ALARAClaude Code (Maestro) — يُركّب كـ MCP، فأسحب مكوّنات بريميوم داخل أي بناء FORGE مباشرة.
تقنية تصميم: أسطح زجاجية شفافة مع ضبابية (backdrop-filter blur) فوق خلفية متدرّجة حيّة. توقيع iOS/visionOS.
★ المميزعمق حقيقي: الخلفية الحيّة تتوهّج خلف كل سطح زجاجي — UI يحسّ حيّ مش ثابت.
⇄ vs الأساسيالأساسي: كرت أبيض مصمت ثابت. المميز: زجاج شفاف ضبابي يطفو فوق تدرّج متحرك بعمق.
⛓ في ALARAClaude Designer — نمط تصميم يُضاف لتوجيهات التصميم (نسخة فاتحة) لمواقع FORGE.
مكتبة 3D للمتصفح (WebGL): مجسّمات، إضاءة، مواد، كاميرا. مع React عبر React Three Fiber.
★ المميزمجسّم 3D حقيقي تدوّره بإصبعك، الضوء يتحرك عليه — 60fps في المتصفح.
⇄ vs الأساسيالأساسي: صورة 2D ثابتة بزاوية واحدة. المميز: مجسّم 3D بإضاءة حقيقية، يدور ويتفاعل.
⛓ في ALARAClaude Designer / خط React (R3F) — مشاهد 3D للهيرو وعرض المنتجات في مواقع FORGE.
وكيل برمجة AI من Anthropic: يصمّم ويكتب وينشر مواقع كاملة من برومبت. قلب ALARA والبنّاء الفعلي لكل وحدات الـ Studio.
★ المميزPrompt → موقع حيّ منشور في دقائق (مش أسابيع)، ويعدّل بالكلام. بنى AURORA/FLUX/PRISM/VITRA/ORBIT كلها.
⇄ vs الأساسيالأساسي: agency/template — أسابيع + آلاف + قوالب جاهزة. المميز: تصف وتشحن في دقائق بتصميم مخصّص award-grade.
⛓ في ALARAهو ALARA نفسه (Maestro) — يقود Claude Designer ويحقن GSAP/Motion/3D وينشر عبر forge_designer_build.