מדריך הבנייה · אתר-האב

איך מריצים 50 סוכניםשבונים 27 אתרים

זה המדריך של הניסוי עצמו: הארכיטקטורה, סקריפט ה"עיניים", רף האיכות, ומה קרה בפועל — כולל התקלות. כל מה שצריך כדי לשחזר את הניסוי מקצה לקצה.

הארכיטקטורה01

הניסוי רץ כ-Workflow של סוכנים מקביליים ב-Claude Code. במקום סשן אחד שבונה 27 אתרים בזה אחר זה, המערכת שיגרה סוכן בנייה עצמאי לכל אתר — כל אחד עם "זרע קונספט" של משפט אחד וחופש יצירתי מלא — ואחריו סוכן ליטוש ("מנהל אמנותי חסר רחמים") שעבר על התוצאה, תיקן ושיפר. סך הכול: עד 50 סוכנים, בקבוצות מקבילות של עד ~14 בו-זמנית.

pipeline(SEEDS,
  s => agent(buildPrompt(s),  { schema: BUILD_SCHEMA  }),   // בנייה: 3 מעברים + עיניים
  b => agent(polishPrompt(s), { schema: QA_SCHEMA }))       // ליטוש: תיקון + הרמה ויזואלית

כל סוכן החזיר פלט מובנה (JSON) — כותרת, תקציר בעברית, טכנולוגיות, צבעי מותג — שממנו נבנתה הגלריה שראיתם בעמוד הראשי.

עיניים: verify.mjs02

הכלל החשוב בפרומפט המקורי: סוכן שלא רואה את העבודה שלו — נכשל. לכן כל סוכן קיבל סקריפט Playwright שמדמה מבקר אמיתי:

מרים שרת סטטי מקומי על פורט אקראי עבור תיקיית האתר.
מצלם דסקטופ 1440px — עליון, אמצע גלילה, תחתון, ואחרי אינטראקציית עכבר — ומובייל 390px.
אוסף שגיאות קונסול, שגיאות דף ובקשות כושלות, כולל בדיקת עמוד /guide.
מחזיר VERDICT: PASS/FAIL + תיקיית צילומים שהסוכן חייב לפתוח ולהסתכל בה.

ה-WebGL רץ בדפדפן ההדלס עם --enable-unsafe-swiftshader (רינדור תוכנה), כך שגם סצנות Three.js מצטלמות באמת.

רף האיכות: שלושה מעברים03

מעבר 1 — שיעבוד: אפס שגיאות קונסול, אפס בקשות כושלות, מדריך קיים.
מעבר 2 — שירשים: הסתכלות בצילומים בעין של מנהל אמנותי. אם צילום המסך לא היה עוצר גלילה בפיד — ממשיכים לעבוד: עומק, תנועה, אטמוספרה, מיקרו-אינטראקציות.
מעבר 3 — שיהיה מושלם: קצב טיפוגרפי, לכידות פלטה, חוויית טעינה, ומובייל שנראה מכוון — לא רק "לא שבור".

מעל זה: כללי קראפט משותפים בקובץ בריף — פלטה מוגדרת של 5-8 ערכים, פונטים אופייניים (לעברית: Frank Ruhl Libre, Heebo, Suez One ועוד), easing אקספוננציאלי, כיבוד prefers-reduced-motion, ותקרת devicePixelRatio ≤ 2.

ואחרי שהכול עבר — סבבי שדרוג נוספים: גל שהוסיף סקשנים, אינטראקציות ותמונות AI לאתרים שהיו רזים מדי, וגל ליטוש סופי של חמישה סוכני "מנהל אמנותי" שעברו על כל 27 האתרים והמדריכים ברף של AWWWARDS.

מה קרה בפועל04

שקיפות מלאה: בגל הראשון רצו 34 סוכנים (~5 מיליון טוקנים, ~31 דקות). באמצע הריצה נגמרה מכסת שימוש חודשית ו-14 סוכנים נעצרו — אך כמעט כולם אחרי שהאתר כבר עמד. סריקה מלאה מצאה 4 אתרים עם תקלות (סקריפט קטוע, מילה שמורה בשיידר GLSL, פונקציה חסרה, מדריך חסר) — כולן תוקנו ידנית בסשן הראשי, עד PASS מלא על כל 27 האתרים ואפס שגיאות קונסול.

נכסי AI: הפרומפט התיר שימוש בהם רק היכן שזה באמת מרים. רוב האתרים נשארו 100% פרוצדורליים — כל טקסטורה, גרעין, ספרייט וצליל נוצרים בקוד בזמן ריצה — ובודדים (כמו שוק התבלינים) קיבלו צילומי AI ייעודיים בהכוונה אמנותית, עם כל הפרומפטים מתועדים במדריך של אותו אתר.

לשחזר את הניסוי05

הפרומפט המלא נמצא בעמוד הראשי, בסקשן "הפרומפט המקורי" — כולל כפתור העתקה. הדביקו אותו ב-Claude Code עם גישה ל-Node ו-Playwright, וזהו. אין תלות בשום שירות חיצוני: כל אתר הוא HTML/CSS/JS סטטי עם ספריות CDN נעוצות-גרסה בלבד.