דלג לתוכן
עבודות

Makeble — בונה אתרים ב־AI

מתארים אפליקציה בשפה חופשית; Makeble מייצר את קוד ה־Next.js, מפרסם אותו, ומציג תצוגה חיה. בניתי את כל המכונה — וזו בדיוק הסיבה שאני יודע איך קוד שנכתב ב־AI נשבר.

היקף
44.7K שורות · 358 קומיטים, סולו
צינור
פרומפט ← קוד ← דיפלוי חי
סטטוס
דמו חי באוויר
Makeble — בונה אתרים ב־AI

הבעיה

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

Makeble הוא הלולאה השלמה הזו, בנויה מקצה לקצה על ידי אדם אחד: ייצור, ולידציה, דיפלוי, חיוב.

Makeble — בונה אתרים ב־AI

מה יש בפנים

ארבע המערכות שנושאות את המוצר:

ייצור קוד AI בסטרימינג

‏Claude מזרים קוד לתוך הפרויקט קובץ אחר קובץ; הקליינט מפרסר את הסטרים, מוודא אותו אבטחתית, ומחיל אותו על מאגר הקבצים — עם היסטוריית undo.

דיפלוי־לכל־פרומפט

כל פרומפט דוחף את הפרויקט ל־Vercel כ־preview deployment; העורך עוקב עד שהוא חי. קוד שנוצר רץ על origin משלו, אף פעם לא על שלי — החלטה שסגרה משפחה שלמה של חורי אבטחה.

מודל אבטחה אמיתי

בדיקות CSRF לכל route, גופי בקשה תחומים ב־Zod, הגבלות קצב מגובות DB, כתיבות אידמפוטנטיות, ופלט AI שמאומת לפני שקובץ אחד נגעו בו.

חיוב לפי טוקנים

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

Makeble — בונה אתרים ב־AI

למה זה חשוב

מה שהפרויקט מוכיח חשוב יותר ממה שהוא מרוויח:

  • צינור עובד מפרומפט לפרודקשן — ייצור, ולידציה, דיפלוי, חיוב — בנוי סולו.
  • עברית־תחילה עם RTL מלא: כל המעטפת מתהפכת, לא רק הטקסט.
  • זו הסיבה ש״הקשחת קוד AI״ באתר הזה היא לא סיסמה — ראיתי איך קוד AI נכשל, מהצד של מי שבנה את המכונה.
Makeble — בונה אתרים ב־AI

סטאק

Next.jsAIMonaco EditorVercel

‏Next.js App Router, ‏Drizzle ORM על Postgres, ‏NextAuth, ‏Stripe, ‏Anthropic SDK. פרויקט אישי — הדמו החי מקושר מהכרטיס.

צור קשר

נשמע מוכר מהאפליקציה שלך?

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