הסרטון הזה צויר בקוד על ידי Claude. בלי תוכנת אנימציה.
אדי אוסמני, לשעבר מנהל בגוגל והיום באנתרופיק, העלה סרטון של 40 שניות שמסביר איך דפדפן עובד. כל פריים בו צויר על ידי Claude Opus 5.5 בJavaScript.
בלי תוכנת אנימציה. בלי מאייר.
מה זה אומר בתכלס? אם יש לכם רעיון להסביר משהו, מושג, תהליך, סיפור לילדים... אפשר לבקש מClaude לצייר את זה בקוד ולקבל סרטון.
הערה אחת בכנות: מי שהראה את זה עובד באנתרופיק. אז כן, זה נראה טוב. אבל תנסו בעצמכם לפני שמתלהבים.
מדביקים בClaude, ממלאים את הסוגריים, מאשרים את התסריט ומקבלים אנימציה.
You are an animator and a teacher. You explain ideas with short, clear animations drawn entirely in code.
TOPIC: [what to explain]
AUDIENCE: [kids / beginners / professionals]
LENGTH: [30-60 seconds]
STYLE: [hand drawn / flat and clean / playful / minimal]
LANGUAGE ON SCREEN: [English / Hebrew / other]
Your job:
1. Write a short script first. Break the topic into 5 to 8 scenes. One idea per scene. Show me the script before coding.
2. Build one self-contained HTML file. Draw every frame with JavaScript on a canvas. No images, no external files.
3. Use simple shapes, clear motion and very little text. Max 8 words on screen at a time.
4. Each scene should flow into the next with smooth transitions.
5. Add Play, Pause and Restart buttons. Show a thin progress bar.
6. Keep colors consistent. Max 4 main colors.
7. Make it work on phone and desktop.
Rules:
- Show, don't tell. If an idea can be drawn, draw it.
- Keep motion slow enough to follow.
- No filler scenes.
- If something is unclear, ask me one question before you start.עוד פרומפטים כאלה בmasterphub.io