الانتقال إلى المحتوى
GoBananaتجريبي

طريقة العمل

حدد الصفحة، اثن الموجز، ابحث في منطقتين، رتب اللوحة، ركب صفحة فرانكنشتاين، ثم سلم. ما يفعله الخادم وما يفعله وكيلك.

نصفان

Section titled “نصفان”

يقسم GoBanana العمل إلى نصفين عن قصد.

خادم GoBanana وكيلك (Claude أو Cursor أو Codex…)
يثني الموجز بقوائم كلمات وقوالب ثابتة. المدخلات نفسها تعطي النتيجة نفسها. يصوغ الموجز، ويحدد المنصة والصفحات.
يجري عمليات بحث عن الصور على الويب في معارض مختارة، ويستبعد صفحات القوائم والمتاجر وأطقم الواجهات والتكرار. ينظر في كل نتيجة ويقيم الرديء منها والمميز.
يحفظ اللوحات والأقسام والملاحظات والأجزاء ولوحات الألوان، ويرتبها. يقرر أي الأفكار يبقيها، ويكتب ملاحظات «خذ منه» (steal:).
يحسب الألوان وتباين WCAG. يشرحها ويختار ما يصل إلى المنتج.
يعيد نص الملفات عند التصدير. يكتب الملفات في مستودعك، ويدمجها دون أن يستبدل ما فيه.

الخادم لا يستدعي أي ذكاء اصطناعي. مهارات الإضافة تخبر وكيلك بالأدوات التي يستدعيها، وبأي ترتيب، وكيف يعرض النتائج.

المسار

Section titled “المسار”

  1. حدد المنصة والصفحة.

    المنصة واحدة من mobile أو tablet أو website أو webapp أو any. يستنتجها الوكيل من كلامك («شاشات ترحيب على iPhone» تعني mobile، و«صفحة إطلاق» تعني website، و«لوحة معلومات» تعني web app)، أو يسأل سؤالا واحدا. والصفحة من 1 إلى 3 صفحات، مثل «صفحة الأسعار» أو «شاشات الترحيب عند أول تشغيل».

    إذا سميت المنتج كله، يستدعي الوكيل bend_brief دون صفحات. فيعيد wildSpots، أي المواضع التي يؤتي فيها الجنون ثماره، ويسألك الوكيل «أين تريد الجنون؟». راجع أين يؤتي الجنون ثماره.

  2. اثن الموجز إلى 8 أفكار.

    تجمع bend_brief بين الحركات (النقل، والخامة، والحقبة، والقيد، والحجم، والعدسة) بمستوى الجموح الذي تختاره، من 1 Fresh إلى 5 Bananas. لكل اتجاه عنوان ولمسة ومواصفات بصرية للمنصة واستعلامات للاتجاه الفني وطلب جاهز. الثني مجاني وبلا حد.

  3. الفرز.

    يبقي الوكيل الفكرة فقط إذا كان لها طريق واضح إلى واجهة صفحتك، ولم تكن قريبة جدا من فكرة أخرى، ووجد لها لاحقا 6 مراجع واجهات صالحة على الأقل. يختار 3 (وبحد أقصى 4)، ويستبعد الباقي بـ rate_directions. الأفكار المستبعدة تخرج من اللوحة ولا تظهر أبدا.

  4. ابحث في منطقتين.

    استدعاء واحد لـ search_references لكل اتجاه مبقى. نحو ثلث النتائج اتجاه فني: الفكرة الجامحة على شكل صور خام (النسيج، الإيصال، طباعة الريزو) من Pinterest وBehance ومعارض الفن. والباقي مراجع واجهات: شاشات ومكونات حقيقية لمنصتك من معارض الواجهات وDribbble وBehance وPinterest وAwwwards. راجع المصادر.

  5. التدقيق.

    يحكم الوكيل على كل نتيجة ويستدعي rate_references: القيمة bad للمتاجر والصور الجاهزة والمنصة الخطأ والازدحام والبعيد عن الفكرة، والقيمة great لأفضل 1 إلى 3 نتائج. النتائج الرديئة تخرج من الدرج ولا تعود إليك أبدا. إذا كانت أكثر من 40% من نتائج أحد المسارين رديئة، يبحث فيه من جديد بكلمات أفضل، مرتين على الأكثر.

  6. اللوحة.

    تضع add_to_canvas لكل اتجاه من 2 إلى 4 عناصر في صف Art direction (الاتجاه الفني) فوق 6 إلى 8 عناصر في شبكة UI references (مراجع الواجهات). كل مربع يحصل على ملاحظة تبدأ بـ steal:. وترتبها arrange_canvas. بعدها فقط تعرض open_canvas اللوحة مكتملة، داخل المحادثة أو كرابط ويب. راجع قراءة اللوحة.

  7. Frankenstein it (اختياري).

    تقتطع cut_parts أجزاء من مراجع الواجهات (شريط تنقل، واجهة رئيسية، بطاقات) على شكل مستطيلات قص. وتركب frankenstein_page منها 3 أو 4 نسخ جديدة من الصفحة. وتصلحها update_frankenstein وتعيد مزجها remix_frankenstein. راجع Frankenstein it.

  8. التسليم.

    تعيد export_kit الملفات DIRECTION.md وBUILD-PROMPT.md وREVIEW.md وقواعد لـ Cursor وCopilot وClaude Code وCodex، وكلها محصورة في صفحاتك. يكتبها الوكيل في مستودعك. راجع التسليم إلى وكيل البرمجة.

  9. ابن ثم قيم.

    يبني وكيل البرمجة الصفحة. تلتقط مهارة التقييم صورا للشاشة بمقاسات منصتك، وتقيمها مقابل REVIEW.md، ثم تقترح أهم 3 إصلاحات داخل الصفحة فقط. راجع ابن ثم قيم.

قواعد ثابتة

Section titled “قواعد ثابتة”

تسري هذه القواعد في كل أداة ومهارة وملف تصدير.

  • روابط لا نسخ. يحتفظ GoBanana بروابط الصور وعناوينها فقط. تحمل الصور من مصدرها في متصفحك.
  • رابط المصدر في كل مكان: على اللوحة، وفي روابط المشاركة، وفي كل ملف تصدير، وفي كل رد من المهارات.
  • الأجزاء مستطيلات قص لا ملفات. جزء فرانكنشتاين مستطيل يعرضه المتصفح فوق الصورة الأصلية.
  • لا جمع آلي للبيانات. نتائج البحث عن الصور على الويب فقط.
  • طلبات الإزالة تسري في كل مكان، بما فيها اللوحات المشاركة، عند التحميل التالي.
  • WCAG 2.2 AA. تصنف لوحات الألوان كل زوج ألوان بـ ship أو explore حسب التباين، وتنص ملفات التصدير على أن ألوان ship وحدها تحمل النص.

الخطط في فقرة واحدة

Section titled “الخطط في فقرة واحدة”

الخطة المجانية تعطيك 30 عملية بحث في الشهر، و3 لوحات، و40 عنصرا في كل لوحة، والملفات التي تجعل صفحة واحدة قابلة للبناء (DESIGN.md وBRIEF.md وDIRECTION.md وBUILD-PROMPT.md وFRANKENSTEIN.md). خطة Pro بـ 5 دولارات في الشهر أو 39 دولارا في السنة: 300 عملية بحث، ولوحات بلا حد، و300 عنصر في كل لوحة، وروابط المشاركة، والرفع، وكل صيغ التصدير. أدوات الثني والتقييم وفرانكنشتاين مجانية.