Capstone, יום אחד מרעיון לעמוד חי, שעה-שעה
זה השיעור שסוגר את הקורס. כל מה שלמדת, Positioning, prompt chaining, design briefs, deploy ב-Vercel, נכנס פה לתוך timeline אמיתי של יום אחד. לא תיאוריה, לא hype. שעון.
הסיפור: דניאל, יזם תל-אביבי, רוצה להשיק waitlist לאפליקציית AI לרואי חשבון עצמאיים. תקציב סוכנות שביקשו ממנו: ₪22,000 ושבועיים. נתן לו יום אחד וחשבון Claude Max. ב-17:00 היה לו עמוד חי עם 14 הרשמות ראשונות. ככה זה נראה, והנה גם איפה זה נשבר.
09:00, Brief ב-Opus 4.7 (כמו ב-שיעור על Positioning Frameworks)
פותחים שיחה חדשה ב-claude.ai עם Opus 4.7. כמו שלמדנו בשיעור על מסגרות positioning, אנחנו לא שואלים \"תבנה לי עמוד\", אנחנו בונים brief מובנה קודם. דניאל העלה: PDF של מחקר שוק לרו\"ח עצמאיים בישראל (28 עמ\'), 4 ראיונות עם פרסונות יעד (transcripts), ו-6 צילומי מסך של מתחרים אמריקאים.
הפרומפט: \"בהינתן החומרים, נסח positioning brief של עמוד אחד: ICP חד, jobs-to-be-done, 3 alternatives נוכחיים, value prop ב-12 מילים, hero headline ב-7 מילים, ו-3 hooks משניים. הצמד כל קביעה לציטוט מהחומרים שהעליתי.\" המודל החזיר ב-3 דקות brief מהודק עם ציטוטים מסומנים. זה ה-source of truth של כל מה שיגיע אחר כך.
10:30, Wireframes ב-Claude Design (חוסך 3-5x טוקנים)
עוברים ל-claude.ai/design. כאן נכנס drill חשוב שלמדנו ב-שיעור על ניהול עלות פרומפטים: wireframe-first. אם תבקש מיד layout מלא עם תמונות וקופי, תבזבז פי 3-5 טוקנים על וריאציה שאולי בכלל תזרוק.
הפרומפט: \"הנה ה-positioning brief [paste]. צור 3 wireframes ב-low fidelity (greyscale, lorem ipsum, ללא צבע) ל-hero, social proof, ו-feature trio. לכל wireframe, סבר ב-2 משפטים למה זה מתאים ל-ICP.\" 11 דקות, שלוש אפשרויות, בחרנו אחת.
12:00, Variants וצילומי-ייחוס נגד ה-\"Sameness\"
פה צריך להיות כן. כל פלט default של Claude Design נראה אותו דבר: serif, נקודה מהבהבת, accent bars, container soup של pills וכרטיסים. הקהילה ב-r/ClaudeAI כינתה את זה \"screams I just used one Claude prompt\". ה-fix היחיד שעובד באמת: להעלות 4-6 צילומי ייחוס מאתרים שאתה אוהב (לא מתחרים, דוגמאות אסתטיקה), ולהגיד מפורשות \"שבור את ברירות המחדל של Claude Design. אסור serif, אסור blinking dot, אסור pills מעוגלים.\"
אחרי שהעלינו refs, ביקשנו: \"3 וריאציות מה-wireframe שבחרתי, כל אחת עם design language שונה לחלוטין. וריאציה A, בהשראת ה-ref הראשון, וריאציה B, השני, וכו\'.\" הפיצ\'ר הזה (3-output compare) הוא לפי הקהילה הכי משובח ב-Design.
14:00, Copy refine (אותם עקרונות מ-שיעור על Copy Prompts)
הוויזואל מוכן, עכשיו copy. כמו שלמדנו ב-שיעור על כתיבת copy עם Claude, ה-headline לא בא מהמודל, הוא בא מ-research. ביקשנו: \"בהינתן 4 ה-transcripts שהעליתי בבוקר, הצע 8 headlines שהם פראפרזה כמעט-מילולית של דברים שהפרסונה אמרה בראיונות. לכל headline ציין מאיזה transcript ובאיזה דקה.\"
זה הטריק שמייצר copy שלא נשמע AI-generated: copy שמצוטט מהפה של הלקוח. בחרנו 2, הכנסנו ל-Design ב-inline edit (לא צריך פרומפט שלם, לוחצים על הטקסט ועורכים).
15:00, Export + Deploy (handoff bundle ל-Vercel)
Claude Design יוצר Handoff Bundle, תיקיה עם HTML/CSS/JS standalone. אופציה אחת: drag-drop ל-Vercel דרך הדפדפן (60 שניות). אופציה שנייה (שעדיפה לפרודקשן): handoff ל-Claude Code עם הוראה אחת, \"קח את ה-bundle הזה, צור repo Next.js, חבר טופס הרשמה ל-Resend, deploy ל-Vercel.\" כמו שלמדנו ב-שיעור על Claude Code workflows, פקודה אחת מקבלת PR מוכן עם /ultrareview מצורף.
חשוב: Claude Design לא כלי deploy. אם מישהו יגיד לך אחרת, הוא לא ניסה. ה-export הוא קבצים, ה-deploy הוא עליך.
16:00, Analytics (פערים שצריך לסגור ידנית)
כאן עוד אמת לא נעימה: ל-Claude Design אין analytics מובנה. אתה deploy-ת עמוד עיוור. צריך להוסיף ידנית, GA4 או Plausible (עדיף Plausible ל-RTL ול-GDPR), עם 2-3 events: page_view, form_submit, scroll_75. בקשה ל-Claude Code: \"הוסף Plausible script ל-layout, וטריגר event \'waitlist_submit\' אחרי form success.\" 4 דקות, commit, deploy.
17:00, תנועה ראשונה
דניאל פרסם ב-LinkedIn (\"השקתי ביום אחד עם Claude, קישור בתגובות\") + שלח ל-30 רו\"ח מהרשימה הקיימת שלו. תוך שעה: 87 כניסות, 14 הרשמות, conversion 16%. לא יוצא דופן, לא קטסטרופלי, בייסליין שאפשר להתחיל ל-A/B עליו בימים הבאים. זה ה-point של capstone: לא \"AI עשה לי הכל\", אלא \"יש לי עכשיו loop מדיד ביום אחד במקום שבועיים\".
Tradeoffs כנים, אל תדלג על זה
- Rate limits זה כאב אמיתי: ב-Pro, 2-3 פרומפטים מלאים ב-Design יכולים לגמור את המכסה השבועית. משתמשי Max דיווחו ב-Reddit על שריפת מכסה שבועית \"in under 30 minutes of iterative work\". מארח Lenny\'s Newsletter שילם $200 נוספים בלי בחירה כדי לסיים session אחד. תכנן בהתאם, wireframe-first זה לא טיפ, זה הכרח כלכלי.
- בעיית ה-Sameness: ברירות המחדל של Claude Design אחידות באופן מטריד. בלי refs מועלים, העמוד שלך ייראה כמו של עוד 10,000 מפתחים שהשתמשו באותו הכלי באותו שבוע.
- ללא analytics: חייב לחבר GA4/Plausible אחרי deploy. אל תדלג, אחרת ה-loop שבונים פה לא סגור.
- RTL: ב-export עברית, בדוק שה-direction נשמר. נקודת חולשה ידועה, לפעמים צריך להוסיף
dir=\"rtl\"ידנית ל-html element. - זה לא מחליף Figma: סקירת Lenny\'s מפורשת, Design משלים, לא מחליף. למוצר עם design system מורכב, אתה עדיין רוצה Figma לאמת.
מה הקהילה אומרת
Aneesh Kethini מ-Datadog בהשקה הרשמית: \"What used to take a week of back-and-forth now happens in a single conversation.\" ההסכמה ב-r/ClaudeAI: ה-use case הכי חזק של Claude Design הוא בדיוק זה, landing pages ו-one-pagers שיווקיים, \"ship-ready with minor polish\". כל דבר מעבר (אפליקציה מלאה, design system ארגוני), תכנן לסבל.