Ultimate Designers Lab
23 مساحة متاحةENاشترك
ارجع لصفحة الـ kit

دليل

إزاي تستخدم BX Behance Kit

BX بياخد مشروعك الخلصان و يحوّله لـ Behance presentation. بتجاوب على كام سؤال و بتقول أيوه عند كل خطوة. في الآخر بتاخد الـ slides و النص اللي تلصقه.

بيشتغل إزاي في 3 خطوات

  1. ثبّته بجملة واحدة

    افتح فولدر الـ kit في المساعد الذكي و الصق جملة واحدة. هو بيثبّت كل حاجة.

  2. ابدأ مشروعك

    اكتب /bx-start و جاوب على كام سؤال عن شغلك.

  3. وافق على كل خطوة

    قول أيوه عند كل وقفة. و تاخد slides الـ Behance و النص اللي تلصقه.

اتفرج: إزاي تستخدم BX

شوفه شغال

مشروع في ست خطوات

محادثة مثال قصيرة. دوس التالي عشان تتحرك فيها. مشروعك الحقيقي هيبقى فيه أسئلة أكتر.

استخدمه مع Claude Code أو Codex أو ChatGPT
  1. إنتسطّب BX Behance Kit على الجهاز ده. امشي على START-HERE.md اللي في الفولدر ده.
  2. BXخلصت. سطّبت الناقص و ضفت أوامر BX. اعمل restart و بعدين اكتب /bx-start.
الخطوة 1 من 6 · التثبيت

في Claude Code بتكتب الأوامر زي ما هي مكتوبة.

فولدر مشروعك بيتملي

  • Briefفاضي لسه01-brief.yaml
  • Planفاضي لسه03-deck-plan.html
  • Slidesفاضي لسه06-slides/
  • Exportفاضي لسه06-slides/behance/
  • Publish textفاضي لسه07-publish.html

ورقة سريعة

الـ 6 أوامر اللي محتاجهم

  • اكتب ده/bx-start My Projectإيه اللي بيحصلBX بيسألك عن مشروعك و بيقترح الأقسام.
  • اكتب ده/bx-approveإيه اللي بيحصلبتقول أيوه على الخطوة الحالية، و الخطوة اللي بعدها بتتفتح.
  • اكتب ده/bx-planإيه اللي بيحصلBX بيخطط كل slide قبل ما يبني أي حاجة.
  • اكتب ده/bx-buildإيه اللي بيحصلBX بيبني الـ slides بتاعتك و بيفحصها.
  • اكتب ده/bx-exportإيه اللي بيحصلBX بيحفظ الـ slides كصور بمقاس Behance.
  • اكتب ده/bx-publishإيه اللي بيحصلBX بيكتب العنوان و الوصف و الـ tags اللي تلصقهم.

في Codex اكتب /prompts:bx-start بدل /bx-start. و في ChatGPT اكتب جمل: start: My Project و approved و plan و build و export و publish block.

أوامر تانية
  • /bx-moodboard بيقرا صور الإلهام بتاعتك و يكتب الشكل اللي مشروعك محتاجه.
  • /bx-scene بيحدد كل جسم متصوّر قاعد فين و إضاءته إزاي.
  • /bx-plate بيعمل خلفية فاضية تركّب عليها شغلك (طريق AI اختياري).
  • /bx-qc بيفحص الـ deck على أرقام Behance و يعرض الفجوات. مابيصلّحش حاجة.
  • /bx-render بيوريك الـ deck زي ما Behance هيعرضه.
  • /bx-annotate بيخليك تثبّت تعليقات على الـ preview.
  • /bx-fix بيصلّح كل تعليق ثبّتّه.
  • /bx-edit بيغيّر حاجة واحدة إنت بتسميها.
  • /bx-status بيقولك إنت فين و إيه الجاي.
  • /bx-help بيعرض كل الأوامر.
  • /bx-harvest بعد ما تنشر، بيحفظ اللي يستاهل يتستخدم تاني.

التثبيت

ثبّته بجملة واحدة

المساعد الذكي بتاعك هو اللي بيثبّت الـ kit. إنت بس بتقول أيوه.

Claude Code أو Codex

  1. حمّل الـ kit من صفحة الـ kit (حساب UDL مجاني) و فك ضغطه. هتطلعلك فولدر اسمه bx-behance-kit.

  2. افتح فولدر bx-behance-kit في Claude Code أو Codex. في تطبيق Claude Code للديسكتوب اختار الفولدر. أو في Terminal اعمل cd له و اكتب claude.

  3. الصق الجملة دي في الشات:

    سطّب BX Behance Kit على الجهاز ده. امشي على START-HERE.md اللي في الفولدر ده.

  4. قول أيوه على اللي بيسألك عليه. لما يخلص، اعمل restart لـ Claude Code و اكتب السطر اللي تحت. في Codex اكتب /prompts:bx-start My Project.

    /bx-start My Project
  • Mac و Windows. و Windows بيشتغل من غير Ubuntu (beta).
  • ChatGPT: مفيش تثبيت، شوف تحت.

  • ChatGPT

    1. مفيش تثبيت. في ChatGPT افتح Explore GPTs، و بعدين Create، و بعدين Configure. محتاج خطة تسمح بعمل GPTs.

    2. الصق chatgpt/custom-gpt/instructions.md كتعليمات و ارفع التسع ملفات اللي في chatgpt/knowledge/ (الاتنين جوه الـ kit بعد فك الضغط).

    3. شغّل Web Search و Code Interpreter و Data Analysis، و احفظه Only me. و بعدين ابدأ:

      start: My Project
اعملها بإيدك (متقدم)

بس لو بتفضّل تكتب الخطوات بنفسك، أو المساعد ماقدرش يخلّصها. هتستخدم الـ Terminal، وهو الشاشة النصية اللي بتكتب فيها الأوامر. على Mac افتح تطبيق Terminal.

  • Claude Codeاختيارك

    1. Downloads
    2. فولدر الـ Home
    3. bx-behance-kit

    الـ kit بيبدأ في Downloads. انقله لفولدر الـ Home قبل ما تشغّل أي حاجة.

    1. حمّل الـ kit من صفحة الـ kit. محتاج حساب UDL مجاني. هينزل في فولدر Downloads.

    2. دوس دوبل كليك على الـ zip. هتطلعلك فولدر اسمه bx-behance-kit-v1.0.

    3. انقل الفولدر ده لفولدر الـ Home (في Finder: Go، و بعدين Home) و غيّر اسمه لـ bx-behance-kit، عشان يبقى في ~/bx-behance-kit. ماتشغّلوش من Downloads.

    4. افتح Terminal (دوس Cmd+Space و اكتب Terminal). اكتب ده و دوس Enter:

      cd ~/bx-behance-kit

    5. دلوقتي اكتب ده. بيفحص Python و Node و ffmpeg، و بيثبّت اللي BX محتاجه جوه فولدر الـ kit (من غير sudo)، و بيضيف أوامر /bx لـ Claude Code. لو حاجة ناقصة بيقولك تثبّت إيه.

      bash scripts/install.sh --claude

    6. في الآخر بيطبع كام سطر. الصقهم في ملف ~/.zshrc (افتحه بالأمر الأول، و الصق، و احفظ). و بعدين افتح Terminal جديد و اتأكد:

      touch ~/.zshrc && open -e ~/.zshrc
      bash "$BX_HOME/scripts/doctor.sh"

    7. شغّل Claude Code و ابدأ. مشروعك هيظهر في ~/bx-behance-kit/projects/my-project/. حط صورك في فولدر 04-assets/ جواه.

      claude
      /bx-start My Project

  • Codex

    1. Downloads
    2. فولدر الـ Home
    3. bx-behance-kit

    الـ kit بيبدأ في Downloads. انقله لفولدر الـ Home قبل ما تشغّل أي حاجة.

    1. حمّل الـ kit من صفحة الـ kit. محتاج حساب UDL مجاني. هينزل في فولدر Downloads.

    2. دوس دوبل كليك على الـ zip. هتطلعلك فولدر اسمه bx-behance-kit-v1.0.

    3. انقل الفولدر ده لفولدر الـ Home (في Finder: Go، و بعدين Home) و غيّر اسمه لـ bx-behance-kit، عشان يبقى في ~/bx-behance-kit. ماتشغّلوش من Downloads.

    4. افتح Terminal (دوس Cmd+Space و اكتب Terminal). اكتب ده و دوس Enter:

      cd ~/bx-behance-kit

    5. دلوقتي اكتب ده. بيفحص Python و Node و ffmpeg، و بيثبّت اللي BX محتاجه جوه فولدر الـ kit (من غير sudo)، و بينسخ skills و prompts بتاعة BX لـ Codex. لو حاجة ناقصة بيقولك تثبّت إيه.

      bash scripts/install.sh --codex

    6. في الآخر بيطبع كام سطر. الصقهم في ملف ~/.zshrc (افتحه بالأمر الأول، و الصق، و احفظ). و بعدين افتح Terminal جديد و اتأكد:

      touch ~/.zshrc && open -e ~/.zshrc
      bash "$BX_HOME/scripts/doctor.sh"

    7. اعمل restart لـ Codex و ابدأ. مشروعك هيظهر في ~/bx-behance-kit/projects/my-project/. حط صورك في فولدر 04-assets/ جواه.

      /prompts:bx-start My Project

    لو عندك ~/.codex/AGENTS.md أصلًا، المثبّت مابيكتبش فوقه: ادمج بتاعنا في بتاعك بإيدك. و لو /prompts: مابيعرضش حاجة، اعمل restart لـ Codex.

إيه اللي النسخ المحلية محتاجاه

  • Python 3.10 أو أحدث
  • Node.js 18 أو أحدث
  • ffmpeg
  • حوالي 400MB على الديسك
  • حساب على Claude أو Codex أو ChatGPT. الـ kit مش بيشمل واحد.

الـ environment variables

BX_HOME
مكان تثبيت الـ kit. الافتراضي ~/bx-behance-kit.
BX_PROJECTS
فولدر لكل presentation. الافتراضي $BX_HOME/projects.
BX_PROJECT
المشروع اللي شغال عليه. أمر البداية بيقولك المسار.
BX_LIBRARY
اختياري. slides مراجع حفظتها بنفسك.
BX_MOCKUPS
اختياري. ملفات mockup PSD بتاعتك.
BX_CHROME_CHANNEL
اختياري. اضبطه على chrome عشان يستخدم Google Chrome المثبّت عندك.

اتأكد من التجهيز

bash "$BX_HOME/scripts/doctor.sh"

شغّل script الـ doctor. بيعرض الموجود و الناقص. صلّح كل سطر [MISSING]، و أسطر [optional] تستنى.

ويندوز

الـ kit بيشتغل مباشرة على ويندوز (beta)، فمش محتاج Ubuntu. لو حاجة ماشتغلتش، WSL هو البديل: ثبّت Ubuntu من Microsoft Store، و امشي على الخطوات اللي فوق جواه، و خلّي الـ kit و مشاريعك جوه WSL، مش تحت /mnt/c.

لو حاجة فشلت

  • Playwright is not installed: شغّل npm install في فولدر الـ kit.
  • No project selected: اضبط BX_PROJECT أو مرّر --project <slug>.
  • MP4 أو GIF ماتعملوش: ثبّت ffmpeg. مفيش حاجة ضاعت.
  • Codex مابيعرضش skills: اعمل restart لـ Codex و اتأكد إن كل فولدر skill فيه SKILL.md.

أسئلة

أسئلة

الـ kit بينشر على Behance بدالي؟

لأ. بيكتب النص و بيجهّز الصور. إنت اللي بتدوس Publish. عمره ما بيسجّل دخول و لا بيشتري و لا بيحمّل بدالك من غير ما يسألك.

محتاج أدوات مدفوعة؟

لأ. الـ slides بتتبني من ملفاتك و mockups بتاعتك و mockups مجانية و HTML. الطرق المدفوعة و الـ AI اختيارية.

ChatGPT يقدر يشغّله؟

ChatGPT بيخطط و بيكتب المواصفات و بيفحص slides بترفعها و بيكتب نص النشر. مايقدرش يشغّل scripts و لا يحفظ ملفات، فخطوات الإنتاج بتعملها إنت.

محتاج أستخدم الـ Terminal؟

لأ. المساعد الذكي هو اللي بيثبّته، و إنت بس بتوافق.

بيشتغل على ويندوز؟

أيوه، مباشرة (beta). من غير Ubuntu.

أقدر أجاوب بالعربي؟

أيوه. جاوب بلغتك. الملفات و نص النشر بتتكتب بالإنجليزي.

جاهز تجرّبه على مشروعك؟

صفحة الـ kit فيها التحميل و الـ checklist للطباعة.

حمّل الـ kit مجانًاخد الـ checklist PDFارجع لصفحة الـ kit