A picture, slides, then a video: can you make what we made?

THE CARD canvas · where · look · words · details

Ask for deck.html. Build it from shapes and real text. Never put our picture itself into your file. Round 1 ends at 0:50. On your laptop: Topic 6 hub → Topic 6 Targets.

1. 1Colours: cream, navy text; Plan teal, Focus coral, Reflect amber.
2. 2A three-colour stripe down every slide’s left edge.
3. 3Slide 1: title left with coloured underlines; icon circles and curved arrows right.
4. 4Slide 2: three white cards with coloured top bars.
5. 5Slide 3: big centred question; small cycle bottom-right; footer bottom-left.

Round 2 prompt: the targets page.

Shown in video order; the printed numbers belong to the original storyboard.

Animate this photo into a realistic four-second cinematic clip. Oreo, the SAME fluffy black tuxedo cat with greenish eyes, long white whiskers, white chest fur, white chin marking and white paws, rests calmly at a safe distance from the stovetop. Oreo blinks once, gently rotates one ear and turns his head slightly toward the Monmouth glass moka pot … Preserve Oreo's exact face and fur pattern. … No extra cats, no exaggerated motion, no captions or dialogue. …

48 seconds, six shots, ambient sound, no speech. Made by your instructor with ChatGPT (the storyboard, the six prompts, the edit with FFmpeg) and Google Flow / Veo (the clips). In class and in the lab: Claude Code only.

1. 1Make poster.svg, a portrait poster 600 wide and 840 tall, for a study night. Big title "STUDY NIGHT" in a heavy sans-serif, the line "Thursday · 7 PM · Library, 2nd floor", and a flat illustration of a desk lamp shining on a stack of three books. Use only these colours: navy #1d2b53 for the background, yellow #ffcf4a, coral #ff6b5b and off-white #fff4e0.
2. 2Put the lamp and the books in the middle of the poster, with the lamp's light as a soft yellow cone falling on the books. The title goes at the top, left-aligned, in off-white; the date line goes under it, in yellow.
3. 3Add a coral band across the bottom with "Free snacks · Bring a friend" in off-white, and scatter five small yellow stars in the navy space around the lamp.
4. 4Open poster.svg and check it: fix anything that overlaps or runs off the edge, and keep every word as real text, not paths.

We asked for five small stars; Claude Code drew sparkles and dots instead. Sent all at once, as one message, the same four prompts made a different poster. Copy them from the targets page.

1. 1Make deck.html: three slides, each exactly 1280 × 720, one under the other, for first-year students, teaching the study cycle plan → focus → reflect. Use one clean sans-serif font, a cream background #fbf7ef, dark navy text #1d2b53, and one accent colour per stage: plan teal #1a9e8f, focus coral #ff6b5b, reflect amber #f5a524. Every word is real, editable text.
2. 2Slide 1: the title "The Study Cycle" big on the left, with the line "Plan → Focus → Reflect" under it; on the right, a circle of three curved arrows linking three round icons labelled Plan, Focus and Reflect, each in its stage colour. Slide 2: three columns, one per stage, each with a thick bar of its colour on top, the stage name, and one tip: Plan, "List your top three tasks"; Focus, "25 minutes, phone in another room"; Reflect, "One line: what worked?"
3. 3Slide 3: one big question in the middle, "What will you plan first this week?", with a small copy of the slide 1 cycle in the bottom-right corner and the footer "Try it for one week."
4. 4Open deck.html in a browser and check each slide: nothing overlaps or runs off the slide, every word is readable from the back of a classroom, and each stage keeps its colour. Fix whatever fails.

Run again, the same four prompts made a deck that scored 2 of 5 against our own: the stripe, the underlines and the white cards were Claude Code’s own choices. Copy them from the targets page.

1. 1Make cycle.html: one 1280 × 720 stage, centred in the browser window, that animates the study cycle plan → focus → reflect for first-year students. Use a cream background #fbf7ef, dark navy text #1d2b53, one clean sans-serif font, and one colour per stage: plan teal #1a9e8f, focus coral #ff6b5b, reflect amber #f5a524. Plain HTML, CSS and JavaScript in one file; every word is real text.
2. 2Put the title "The Study Cycle" at the top-left. Draw three big circles in a triangle, Plan on top, Focus bottom-right, Reflect bottom-left, each filled with its colour with its name in white, joined by three curved arrows going clockwise. A small navy dot travels along the arrows from Plan to Focus to Reflect and back to Plan, two seconds per arrow, forever.
3. 3When the dot reaches a circle, that circle grows a little until the dot leaves, and a caption bar along the bottom shows its tip: Plan, "List your top three tasks"; Focus, "25 minutes, phone in another room"; Reflect, "One line: what worked?". Add a Pause button at the bottom-right that stops and restarts the dot. If the browser asks for reduced motion, start paused.
4. 4Open cycle.html in a browser and check it: the dot stays on the arrows, the right circle grows and the caption changes at each stop, nothing overlaps, every word is readable from the back of a classroom, and Pause works. Fix whatever fails.

We asked for white names; Claude Code’s own check found white hard to read, made them navy and told us so. The coloured arrows and a short pause in every circle were its own choices. Copy them from the targets page.