Compositor على الماك: بديل فوتوشوب المجاني وكيف يعدّل Claude Code تصميمكCompositor on Mac: the free Photoshop alternative, and how Claude Code edits your design

المصطلحات

Compositor

برنامج تعديل صور مجاني ومفتوح المصدر للماك. فيه طبقات وماسكات وكل الـ blend modes بنفس ترتيب فوتوشوب واختصاراته.

ملف .comp

مشروع Compositor. مجلد فيه صور الطبقات بصيغة PNG وملف واحد اسمه manifest.json يوصف الطبقات وترتيبها.

manifest.json

الملف اللي يقول للبرنامج أي طبقة فوق أي طبقة، وشفافيتها، والـ blend mode لكل طبقة، ومكانها على اللوحة.

agent (أيجنت)

ذكاء اصطناعي يقدر يقرأ ويكتب ملفات على جهازك بنفسه، مثل Claude Code.

الخطوات

1. 1

   الخطوة 1

   تأكد إن جهازك يشغّله

   Compositor يشتغل بس على الماك بشريحة Apple Silicon، يعني من M1 حتى M5، ويحتاج macOS 26 أو أحدث.

   افتح قائمة التفاحة ثم About This Mac وشوف اسم الشريحة ونسخة النظام قبل ما تنزّل أي شي.

   support.apple.com

   

   نصيحة: أجهزة الماك القديمة بمعالج Intel ما راح تشغّله.

2. 2

   الخطوة 2

   نزّل البرنامج

   عندك طريقتين. الأولى من الموقع robbietilton.com/compositor أو من صفحة Releases في GitHub.

   الثانية من Terminal لو عندك Homebrew، انسخ الأمر هذا والصقه.

   robbietilton.com

   

   برومبتأمر التنزيل (Terminal)

   نسخ

   brew install --cask robbietilton-compositor

3. 3

   الخطوة 3

   افتح ملف PSD عندك

   اسحب أي ملف PSD على البرنامج. يفتح ملفات فوتوشوب PSD و PSB بألوان RGB بدقة 8 بت، ويفتح كمان JPEG و PNG و HEIC و TIFF و SVG و RAW.

   ملفات CMYK ما تنفتح، فحوّلها RGB قبل.

   نصيحة: الاختصارات نفس فوتوشوب، وتقدر تغيّرها من الإعدادات.

4. 4

   الخطوة 4

   احفظ مشروعك كملف .comp

   احفظ اللوحة كمشروع، مثلاً على سطح المكتب باسم demo.comp، وخلّ البرنامج مفتوح.

   هذا الملف في الحقيقة مجلد: فيه صور الطبقات وملف manifest.json. وهذا بالضبط اللي يخلي أي agent يقدر يعدّل التصميم من غير plugin ولا API.

   

5. 5

   الخطوة 5

   خلّ Claude Code يصمم بنفسه

   افتح Claude Code في Terminal والصق البرومبت تحت. خليته بالإنجليزي لأن الـ agent يقرأ دليل المشروع بالإنجليزي.

   Compositor 1.3 أو أحدث يعيد تحميل اللوحة كل ما الـ agent يكتب الملفات، غالباً خلال نص ثانية، فتشوف الطبقات تنبني قدامك.

   

   برومبتبرومبت لـ Claude Code

   نسخ

   Read docs/writing-comp-files.md in github.com/robbietilton/Compositor, then design [describe your design, e.g. a moody night poster for my café] in [~/Desktop/demo.comp]. Work in steps, one or two layers at a time. Keep the documentID as it is, write the PNGs first, then write the manifest to a temp file and rename it over manifest.json.

   نصيحة: لو اللوحة ما تغيّرت، غالباً اسم الصورة ما يطابق id الطبقة أو الـ blend mode مكتوب غلط.

6. 6

   الخطوة 6

   عدّل على شغل الـ agent بإيدك

   اللي يطلع طبقات عادية. اختار أي طبقة، غيّر الشفافية أو الـ blend mode، ارسم على الماسك، واحفظ.

   ولو عندك تعديلات ما حفظتها، البرنامج يسألك قبل ما يستبدلها بنسخة الـ agent، فما تضيع شغلك.

   برومبتبرومبت تعديل

   نسخ

   In [~/Desktop/demo.comp], keep every existing layer. Add a Curves adjustment layer on top that gives a [warm / cool] grade, set the [layer name] layer to [Multiply] at [70]% opacity, then tell me what you changed.

برومبتات جاهزة للنسخ

Look at [path to reference image]. In [~/Desktop/demo.comp], rebuild its layout as separate layers: background, main subject, title text area, and a soft shadow. Name every layer clearly and use only these blend modes: Normal, Multiply, Screen, Overlay.

Duplicate [~/Desktop/demo.comp] into three projects sized 1080x1350, 1080x1920 and 1920x1080. Re-place every layer so nothing important is cropped, and keep the layer names the same.