بني وتحقّق من الفن التوليدي المحدَّد مع Claude Code

شنو هو genart؟

genart هو إضافة ديال Claude Code كتعطي Claude معرفة متخصصة فالخدمة على الفن التوليدي طويل الصيغة. كيساعد الفنانين يصاوبو sketches حتمية، مبنية على hash، ومناسبة لمنصات بحال Art Blocks و256ART وVerse وHighlight وPlottables وbootloader.art، وكذلك للإصدارات المستضافة ذاتياً.

الإضافة كدعم سيرورات العمل ديال البرمجة الإبداعية المبنية بـ Canvas 2D وp5.js وthree.js/WebGL وSVG. الإرشادات ديالها كتشمل توليد الأرقام شبه العشوائية، وتهيئة البذرة من token hash، والرسم المستقل على الدقة، والسمات، والندرة، وتصحيح الأخطاء، والتصدير، والدمج مع المنصات، والتحقق، والممارسة الأخلاقية.

الدور المقصود ديال الذكاء الاصطناعي هو مساعد فالستوديو، ماشي هو الفنان. الأصالة، ونسب العمل، والتراخيص، والتصريح باستعمال الذكاء الاصطناعي كيبقاو من مسؤولية الفنان.

الميزات الرئيسية

• التوليد الحتمي: تعلّم كيفاش تختار PRNG، وتهيّئو من token hash، وتنظّم مجاري عشوائية مسمّاة، وتتفادى الأسباب الشائعة لعدم قابلية إعادة الإنتاج.
• الاستقلال عن الدقة: صمّم تركيبة وحدة باش تترسم بشكل متناسق فالأحجام ديال المعاينة والإخراج عالي الدقة.
• تصميم الإصدارات: طوّر الميزات والسمات وجداول الندرة، ومن بعد فحص كيفاش كيتصرفو عبر بزاف ديال المخرجات المولّدة.
• تقنيات متعددة للرسم: طبّق الإرشادات على مشاريع Canvas 2D أو p5.js أو three.js/WebGL أو SVG.
• أدوات الإنتاج: زِد واجهة للتصحيح، واختصارات لوحة المفاتيح، وتصدير PNG، وتصدير الفيديو بمساعدة Claude.
• التحقق: دير الفحوصات على sketch قبل عملية السك، وفهم شنو ما قدرش يثبتو الاختبار الآلي.
• إرشادات المنصات: خدم انطلاقاً من نماذج ذهنية مستقرة للمنصات ومن التوثيق الرسمي، عوض تفاصيل منسوخة يمكن تولّي قديمة.
• الإرشاد الأخلاقي: خذ بعين الاعتبار الأصالة، ونسب العمل، والتراخيص، والتصريح عند إدماج الذكاء الاصطناعي فسيرورة فنية.

المتطلبات الأولية

خاصك Claude Code ومشروع ديال الفن التوليدي، قديم ولا جديد. Node.js مطلوب باش تشغّل سكريبتات التحقق والرسم ديال الإضافة.

السكريبتات القابلة للتشغيل كتحتاج حتى هي Playwright وChromium داخل مشروع الفن ديالك. الإضافة بحد ذاتها ما فيها حتى dependency وما كتضمنش package.json ولا Playwright مضمّن.

ثبّت إضافة Claude Code

فـ Claude Code، زِد سوق الإضافات وثبّت genart:

/plugin marketplace add camilleroux/genart-skill
/plugin install genart@camilleroux-genart

من بعد التثبيت، وصف sketch ديالك وغادي تتحمّل المهارة تلقائياً. وتقدر حتى تستدعيها بشكل صريح:

/genart

أول طلب مفيد هو أنك تطلب شرح البنية الحالية ديال المشروع واقتراح هندسة حتمية قبل تغيير الكود. مثلاً:

/genart
Review this Canvas 2D generative-art sketch. Help me seed all randomness from a token hash, keep traits stable, and render the same composition at different resolutions.

ثبّت اعتماد الرسم

من جذر مشروع الفن التوليدي ديالك، ثبّت Playwright كاعتماد للتطوير ونزّل Chromium:

npm i -D playwright
npx playwright install chromium

إلا كان Playwright ناقص، السكريبتات المرفقة غادي تعطيك أمر التثبيت. الاحتفاظ بهاد الاعتماد فالمشروع كيخلي الإضافة بلا dependencies، وفنفس الوقت السكريبتات ديالها كتخدم على sketch المحلي ديالك.

بني sketch حتمي

بدا من token hash

طلب من Claude يحدّد كل مصدر ديال العشوائية ويدوزو عبر PRNG مهيّأ ببذرة. نفس token hash خاصو يهيّأ نفس السلسلة العشوائية، عوض الاعتماد على استدعاءات بلا بذرة بحال Math.random().

مرجع الحتمية ديال الإضافة كيغطي حتى هو المجاري الفرعية المسمّاة. هادو يقدرو يعاونو فعزل قرارات مختلفة، بحال اختيار الألوان، والتخطيط، والملمس، باش تغيير جزء واحد من sketch ما يبدّلش بلا ضرورة كل اختيار عشوائي من بعد.

فرّق بين التركيبة ودقة الإخراج

النتيجة الحتمية ما كافياش إلا تبدلات التركيبة ملي كيتبدل حجم canvas. طلب من Claude يعبّر على المواقع والأطوال والقرارات البصرية الأخرى فنظام إحداثيات منطقي ولا كنِسَب، ومن بعد يكبّر الرسم النهائي للأبعاد المطلوبة.

هاد الشي كيخليك تخرج معاينة خفيفة تقريباً بـ 400 بكسل، وإخراجاً للإنتاج تقريباً بـ 4000 بكسل، مع الحفاظ على نفس التركيبة. الإضافة كتسمّي هاد الهدف الاستقرار الإدراكي عبر الأحجام، وماشي بالضرورة تطابقاً بكسل مقابل بكسل.

حدّد الميزات والندرة بوعي

السمات خاصها تبقى مستقرة بالنسبة لهاش معيّن وتكون عندها معنى عبر الإصدار كامل. طلب من Claude يعاونك تحدّد القيم الممكنة وقواعد الندرة قبل ما تعتمد على عدد قليل من العينات الجذابة.

ممكن يكون طلب عملي بحال:

Design stable traits for palette, density, and structure. Keep the trait calculation deterministic, document the intended rarity of each value, and help me test the resulting distribution across 5,000 seeds.

دير فحوصات الحتمية

الإضافة كتجي معها سكريبت check.mjs كيتشغّل فبلاصتو. ما كتنسخوش للمشروع، وبالتالي تحديثات الإضافة كتطبّق فين ما تستعمل السكريبت المثبّت.

node "$CLAUDE_PLUGIN_ROOT/scripts/check.mjs" myproject

عوّض myproject بمسار المشروع المعني. عقد sketch الدقيق والـ platform shim الصغير اللي كيحتاجو موثّقين فـ references/verification.md.

استعمل هاد الفحص قبل السكّ، ولكن فسّر النتيجة بحذر. يقدر يعاون فالتقييم ديال قابلية إعادة الإنتاج فـ نفس الجهاز، واستقرار الخصائص، والاستقرار الإدراكي عبر الأحجام المختلفة. ولكن ما يقدرش يثبت بلّي كل جهاز، ولا محرّك متصفح، ولا GPU غادي ينتج نفس البكسلات بالضبط.

رَيّندر وفحص واحد الـseed

استعمل render.mjs مع --hash باش تخرّج نتيجة حتمية وحدة بصيغة PNG:

node "$CLAUDE_PLUGIN_ROOT/scripts/render.mjs" myproject --hash 0x…

عوّض 0x… بهاش التوكن اللي بغيتي تفحص. هاد الأمر كيدعم دورة تكرار بصرية سريعة:

1. طلب من Claude يعدّل السكيتش.
2. دير رَيّندر لهاش ثابت.
3. فحص ملف PNG اللي تخرّج.
4. شرح شنو خاصّو يتبدّل.
5. عاود دير رَيّندر لنفس الهاش وقارن النتيجة.

إلى خليتي الهاش ثابت، غادي تعاونك تفرّق بين التغييرات المقصودة فالكود والتغيّرات الناتجة عن تجربة seeds مختلفة.

قيّم الإديشن كامل

صايب contact sheet

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

node "$CLAUDE_PLUGIN_ROOT/scripts/render.mjs" myproject --grid 50

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

قِس ندرة الخصائص

دير census باش تشوف شنو كتنتج فعلياً قواعد الندرة المطبّقة عبر عيّنة كبيرة:

node "$CLAUDE_PLUGIN_ROOT/scripts/render.mjs" myproject --census 5000

هاد العملية كتختبر 5,000 نتيجة وكتعطيك نظرة على توزيع الخصائص على مستوى الإديشن. قارن النتائج المقاسة مع جدول الندرة المقصود. إلا كانو مختلفين، قلب فالكود وما تفترضش بلّي النسب التصميمية مطبّقة.

صدّر ملفات PNG منفصلة

باش تخرّج نتائج متعددة فملفات منفصلة، استعمل وضعية batch:

node "$CLAUDE_PLUGIN_ROOT/scripts/render.mjs" myproject --batch 50

هاد المثال كيخرّج دفعة فيها 50 ملف PNG منفصل للمراجعة الدقيقة ولا للاستعمال من بعد.

استعمل أوراق المرجع ديال المنصات بأمان

الـplugin فيه إرشادات على Art Blocks و256ART وVerse وHighlight وPlottables وbootloader.art والتوزيع المستضاف ذاتياً. هاد الأوراق كتتفادى عمداً أرقام الإصدارات المتغيّرة، وأسماء الحقول، والأرقام المنسوخة.

عوض هاد الشي، كتقدّم نموذجاً ذهنياً مستقراً، وروابط للوثائق الرسمية، وأسئلة خاص Claude يطرحها على الوثائق الحالية. ملي كتكيّف سكيتش مع منصة، طلب من Claude يجيب الوثائق الرسمية قبل ما يكتب كود الإدماج.

استعمل إرشادات genart الخاصة بالمنصة المستهدفة ديالي. جيب الوثائق الرسمية الحالية قبل ما تقترح كود الإدماج، وحدّد أي افتراضات خاصها التأكيد.

هاد الطريقة كتنقص من خطر تطبيق API قديم ولا الاعتماد على تفاصيل إعدادات تبدلات من نهار تنشر الـplugin.

نصائح متقدمة لسير العمل

استعمل تدفقات فرعية مسمّاة للعشوائية

فرّق العشوائية بين الأنظمة الرئيسية بحال التكوين، ولوحة الألوان، والخصائص، والملمس. هاد الشي يقدر يسهّل فهم الكود وينقص التغييرات العرضية فقرارات بصرية ما عندهاش علاقة أثناء التكرار.

اختبر seeds ثابتة من بعد كل تغيير بنيوي

حافظ على مجموعة صغيرة ديال الهاشات التمثيلية، فيها تركيبات شائعة وأخرى غير مألوفة ديال الخصائص. دير رَيّندر لهاد الهاشات من بعد تغيير استعمال PRNG، ولا منطق الخصائص، ولا الأبعاد، ولا تقنية الرَيّندر. ومن بعد كمّل هاد الفحوصات بشبكة وcensus أكبر.

ما تخلطش بين قابلية إعادة الإنتاج والإثبات عبر الأجهزة

مترجمات WebGL shaders، والدقّة ديال الأعداد العشرية، وrasterizers، وmultisample anti-aliasing يقدرو يختلفو بين وحدات GPU. حتى الدوال المتسامية ديال JavaScript تقدر تختلف بين المحرّكات. لذلك، الـplugin ما كيدّعيش بلّي الأدوات ديالو كتثبت الحتمية عبر الأجهزة.

كون دقيق ملي كتشرح نتائج التحقّق. اختبار ناجح كيثبت غير داك الشي اللي تجرّب، بحال قابلية التكرار فـ البيئة الحالية ولا استقرار الخصائص فـ الهاشات اللي خضعت للعينة.

حدّد متطلبات التصدير بكري

إلا كان العمل النهائي محتاج طباعة عالية الدقّة، ولا فيديو، ولا SVG، ولا إخراج بآلة الرسم بالقلم، ناقش هاد المتطلب قبل ما تثبّت معمارية السكيتش. الـplugin فيه إرشادات على تصدير PNG والفيديو، والرَيّندر المستقل على الدقّة، وسير عمل SVG، وآلات الرسم بالقلم.

خلّي الفنان مسؤول على التأليف

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

سير العمل الكامل الموصى به

1. ثبّت genart فـ Claude Code.
2. حلّ مشروع الفن التوليدي وشرح المفهوم البصري ديالو، وتقنية الرَيّندر، والإخراج المستهدف.
3. طلب من Claude يصمّم عشوائية مبنية على الهاش وخصائص مستقرة.
4. خلّي التكوين مستقل على دقّة الإخراج.
5. ثبّت Playwright وChromium فالمشروع.
6. تبع عقد السكيتش الموصوف فـ references/verification.md.
7. شغّل check.mjs باش تحدّد مشاكل قابلية إعادة الإنتاج اللي يمكن اكتشافها.
8. خرّج رَيّندرات بهاشات ثابتة وعاود طوّر الصور.
9. صايب contact sheet باش تراجع التنوّع البصري.
10. دير census كبير وقارن الندرة المقاسة مع جدول الخصائص المقصود.
11. جيب الوثائق الرسمية الحالية ديال المنصة قبل ما تطبّق كود خاص بالمنصة.
12. وجّد تصديرات PNG أو الفيديو أو الطباعة أو SVG أو آلة الرسم بالقلم المطلوبة، ووثّق حدود ادعاءاتك بخصوص الحتمية.

الخلاصة

genart كيحوّل Claude Code لمساعد مركّز فالتطوير الحتمي ديال الفن التوليدي. المراجع ديالو كتعون فتنظيم السكيتش، والأدوات القابلة للتشغيل ديالو كدعم الرندرة ببذرة ثابتة، ومراجعة الإصدارات، وقياس الندرة، والتحقّق من قابلية إعادة الإنتاج. إلا تستعمل بعناية، يقدر يحسّن الموثوقية التقنية ديال المشروع بلا ما يعوّض التأليف الفني ولا يبالغ فشنو يقدر التحقّق الآلي يثبت.

المشروع كيشرف عليه Camille Roux ومرخّص برخصة MIT.