اتجاهات بمواصفات
لكل اتجاه عنوان ولمسة ومواصفات بصرية: النمط، والمكون المميز، والخط، واللون، والتخطيط، والصور، والحركة، والملمس، والأيقونات، والكثافة، وما تأخذه، وما تتجنبه، ولماذا يناسب.
فكرة جامحة واحدة لصفحة أو صفحتين، لا للتصميم الأساسي لمنتجك. Mobbin يعرض ما ينجح اليوم، وGoBanana يعرض ما سيأتي بعده.
يساعدك GoBanana على تصميم صفحة واحدة مجنونة مع وكيل الذكاء الاصطناعي الخاص بك. هو خادم MCP يتصل به وكيلك، ولوحة إلهام على الويب، وإضافة لـ Claude فيها 9 مهارات تشرح للوكيل طريقة استخدامه.
تطلب شيئا مثل «اجعل صفحة الإطلاق جامحة». فيعود وكيلك بـ 3 أو 4 اتجاهات واضحة، لكل منها مواصفات بصرية كاملة، ولوحة مراجع مرتبطة بمصادرها، وملفات تبني منها أداة البرمجة لديك.
يعمل GoBanana على الصفحات التي تؤتي فيها الفكرة القوية ثمارها، ولا يحتاج فيها أحد إلى إنجاز مهمة بسرعة:
راجع أين يؤتي الجنون ثماره للقائمة الكاملة لكل منصة.
إذا طلبت المنتج كله («اجعل تطبيقنا البنكي غريبا»)، يتوقف الوكيل ويسأل سؤالا واحدا: «أين تريد الجنون؟». يعرض عليك من 4 إلى 6 مواضع يؤتي فيها الجنون ثماره على منصتك، وتختار منها من 1 إلى 3.
اتجاهات بمواصفات
لكل اتجاه عنوان ولمسة ومواصفات بصرية: النمط، والمكون المميز، والخط، واللون، والتخطيط، والصور، والحركة، والملمس، والأيقونات، والكثافة، وما تأخذه، وما تتجنبه، ولماذا يناسب.
لوحة بمنطقتين
لكل اتجاه صف Art direction (الاتجاه الفني، أي الفكرة الجامحة على شكل صور) فوق شبكة UI references (مراجع الواجهات، أي شاشات حقيقية لمنصتك). لكل مربع رابط لمصدره وملاحظة «خذ منه» تبدأ بـ “steal:”.
صفحات فرانكنشتاين
نسخ جديدة من الصفحة مركبة من أجزاء المراجع: شريط التنقل من مرجع، والواجهة الرئيسية من آخر. كل جزء يبقى مرتبطا بمصدره.
ملفات لوكيل البرمجة
DIRECTION.md وBUILD-PROMPT.md وREVIEW.md وDESIGN.md، وقواعد Cursor، وتعليمات Copilot، وأقسام لملف AGENTS.md أو CLAUDE.md، وكلها محصورة في صفحاتك.
Mobbin يعرض ما ينجح: شاشات حقيقية منشورة. GoBanana يعرض ما سيأتي بعده: أفكار لم ينشرها أحد بعد، مع مراجع تدلك على الطريق إليها. يكمل أحدهما الآخر. راجع استخدام Mobbin معه.
GoBanana في المرحلة التجريبية، الإصدار 0.1. خلال هذه المرحلة يحصل كل حساب مسجل الدخول على حدود خطة Pro، ولا تدفع شيئا. يعمل الخادم على gobanana.fun إلى أن يختار نطاق خاص.
التالي: طريقة العمل.