איך בניתי אתרי עיצוב מדהימים של Claude ב-10 דקות

הסרטון מציג מדריך מעשי ליצירה והפרדת אתר שיווקי בן 5 עמודים בעזרת Claude Design ו-Claude Code של Anthropic. בתוך 19 דקות נבנה אתר מותגי מלא עם מערכת עיצוב מותאמת, אנימציות GSAP משולבות, המרה ל-Next.js והעלאה חיה ל-GitHub + Vercel — הכול ללא שימוש ב-Figma, Canva או מעצב חיצוני. מוצגים כלי תמיכה כמו ספריית מערכות עיצוב חינמית (68 מותגים), שימוש ב-Dribbble למבנה העמודים, עריכה מהירה של הדפים, יצירת גרפיקות מונפשות והעברות חכמות לקוד. נקודות מרכזיות: - הצגת Claude Design ומהימנותו לאחר השקת Anthropic - יצירה מהירה של מערכת עיצוב מותאמת ושימוש בספרייה מוכנה - בניית כל אחד מחמשת הדפים ועריכתם בתוך Claude Design - הוספת גרפיקות ותנועה (GSAP) ובונוס של אנימציות מודרניות - העברה ל-Claude Code, המרה ל-Next.js ובדיקת תצוגה חיה - פריסת הפרויקט ב-GitHub ו-Vercel והגדרת דומיין מותאם - מסקנות סופיות והמלצות לעבודה פרודוקטיבית עם הכלים טיימסטאמפס: 0:00 - הקדמה: Claude Design בכל מקום 0:46 - גישה ל-Claude Design ויצירת מערכת עיצוב 1:09 - ספריית מערכות עיצוב חינמית (68 מותגים) 2:26 - מערכת העיצוב המותאמת מוכנה 2:56 - בניית אתר בן 5 עמודים ב-Claude Design 3:50 - שימוש ב-Dribbble למבנה פריסות 5:32 - סקירה ועריכה של הדפים שנוצרו 7:16 - בונוס: גרפיקות תנועה מונפשות 8:34 - העברה ל-Claude Code 10:11 - המרה ל-Next.js והוספת אנימציות GSAP 11:58 - תצוגה חיה עם אנימציות עובדות 13:20 - פריסה ל-GitHub ו-Vercel 15:26 - הגדרת דומיין מותאם 16:00 - מחשבות אחרונות מילות מפתח ל-SEO: Claude Design, Claude Code, Anthropic, אתר שיווקי, עיצוב אתרים ב-AI, GSAP, Next.js, פריסה ל-Vercel, GitHub, מערכת עיצוב, Dribbble, אנימציות מודרניות. לינקים שימושיים המופיעים בתיאור הסרטון המקורי (לקריאה נוספת ולמשאבים): - COMMUNITY: https://www.skool.com/automatable/about - BLUEPRINTS: https://www.skool.com/automatable-free/classroom/6ca29126?md=ef8abf715ec844b0b6efe8f38d541c9a - Claude Design: https://claude.ai/design תיוגים רלוונטיים: #ClaudeDesign #ClaudeCode #Anthropic #AIWebDesign #GSAP