8 งานที่ผมให้ Opus 5.5 ทำ พร้อม prompt ให้ก็อปไปใช้

สั้นและยืดหยุ่น ปล่อยให้ Claude ตีความเอง

I saw a creator say a model built an interactive gallery of animated faces in one attempt, using only JavaScript. Can you make one too?

What I picture: 3D-looking cartoon faces that turn to face the mouse as it moves.

คุมผลได้มากกว่า บอกรายละเอียดที่อยากได้ครบ

Build an interactive gallery of animated 3D cartoon faces in a single HTML file, using only plain JavaScript and canvas. No libraries, no image files.

- 12 distinct characters, each with its own face shape, colours, hair and personality
- Every face turns its head and eyes to follow the cursor (on phones: follow the finger)
- Give them idle life: blinking, breathing, a small reaction when the cursor gets close
- Clicking a face startles it
- Soft shading so they read as 3D, not flat
- A name and a one-line personality under each face
- Smooth at 60fps and works on phones

Do it in one attempt, polished enough to share.

สั้นและยืดหยุ่น ปล่อยให้ Claude ตีความเอง

Let's try this: a prompt that becomes a cinematic pixel-art world. A detailed nighttime scene filled with rain, glowing lights and atmospheric effects.

What I picture: a floating island in the sky with a house and some props, with animated weather and fire.

คุมผลได้มากกว่า บอกรายละเอียดที่อยากได้ครบ

Create a cinematic pixel-art night scene in a single HTML file, drawn entirely in JavaScript on a canvas. No image files.

Scene: a small island floating in the sky at night, with a cosy house, lanterns, trees and a few props.
Atmosphere: rain with splashes, drifting clouds, glowing windows, a campfire with flickering fire and smoke, a waterfall spilling off the edge into the clouds.

- Draw at a low pixel resolution and scale it up crisp, never blurry
- Everything loops and keeps moving
- Weather buttons (drizzle / rain / storm), and clicking the sky strikes lightning where you point
- An optional ambient sound toggle, off by default
- Make it feel like a still from an indie game

สั้นและยืดหยุ่น ปล่อยให้ Claude ตีความเอง

Let's try this: an animated ocean built in about 470 lines of HTML. A pixel-art ocean in a single HTML file, where every sprite is coded and 54 fish from around 15 species move on their own.

คุมผลได้มากกว่า บอกรายละเอียดที่อยากได้ครบ

Build an animated pixel-art ocean in a single HTML file, under 500 lines. Every sprite is drawn in code, no images.

- Around 50 fish from at least 15 species, each with its own shape, colours and way of swimming
- Fish act on their own: some school, some stay near home, some hide from a predator
- Seabed with coral and swaying kelp, rising bubbles, light rays from the surface
- Click the water to drop food and let the fish come and eat it
- Moving the cursor close to a fish startles it
- Crisp pixel scaling, smooth on phones

สั้นและยืดหยุ่น ปล่อยให้ Claude ตีความเอง

Make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. Go all out.

ต้องใช้ Claude Code มันจะตั้งค่า headless Chrome + ffmpeg สำหรับ render ให้เอง

Make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. Go all out.

- Build it as one HTML page drawn on a canvas, where a single render(t) function draws every frame
- Render it to MP4 frame by frame with headless Chrome and ffmpeg, 1920×1080 at 60fps
- Switch technique every 1–2 seconds: kinetic type, particles, 3D, liquid shapes, masks, camera moves
- Cut on the beat of the music
- End on a clean title card: <YOUR NAME>
- Check the rendered frames yourself before you tell me it's done

ต้องใช้ Claude Code และตัวสร้างเสียงพากย์ (TTS) เช่น Kokoro หรือ ElevenLabs

Make an animated video that introduces <YOUR TOPIC>: what it is and why it matters.

- Write a short script (about 60 seconds) and narrate it with a text-to-speech voice
- Add background music that ducks under the voice
- Animate every line with motion graphics, synced to the narration word by word
- Open with a quick hook that says what this video is
- End with a call to action: follow <YOUR CHANNEL>
- Export two versions: vertical 1080×1920 and horizontal 1920×1080
- Build it as one HTML page drawn on a canvas, where a single render(t) function draws every frame
- Render it to MP4 frame by frame with headless Chrome and ffmpeg, and watch the frames before calling it done

ข้อความแรกได้แผนผัง journey แบบภาพรวม ข้อความที่สองคือที่ทำให้ได้หน้า Tap by Tap นี้

Make a canvas for the <YOUR PRODUCT> user journey.

(then, as a follow-up)
Make it more like a wireframe of the journey through each screen: start where people first discover it on the landing page, then show which tap leads to what. You can get the pages or take screenshots yourself.

ต้องใช้ Claude Code (หรือ agent ที่คุมเบราว์เซอร์ได้)

Map every screen of <YOUR PRODUCT> as a tap-by-tap flow, starting from the landing page at <YOUR URL>.

- Open it in a browser at phone size (390×844) and actually tap through it
- Screenshot every screen you reach, and write down the exact button that leads to it
- Build one page: chapters top to bottom, screens left to right in phone frames, arrows labelled with the button text
- If a screen needs a paid action or a sign-in, mark it as not reached instead of guessing
- Flag any UI bugs you notice on the way
- Ask me before submitting forms, sharing, or anything that writes real data

สั้นและยืดหยุ่น ปล่อยให้ Claude ตีความเอง

Make an artifacts canvas for <YOUR PRODUCT>'s branding, and maybe some graphics that can be used for a marketing campaign.

คุมผลได้มากกว่า บอกรายละเอียดที่อยากได้ครบ

Build a design system for <YOUR PRODUCT> from its real sources: <REPO PATH OR BRAND FILES>.

- Colours, type, spacing, radii and shadows with the exact values from the code, each with a note on where it's used
- The real logo and brand assets, copied, never redrawn
- A brand book: voice, casing, do's and don'ts, quoting real copy from the product
- The main components (buttons, cards, chips, inputs, and anything unique to the product) with previews
- Flag any colour pairs that fail contrast, but keep the brand's real values

Make it a Design System artifact I can share with my team.

ข้อความเดียวกับ Brand System ส่งครั้งเดียวได้ทั้งสองชิ้น

Make an artifacts canvas for <YOUR PRODUCT>'s branding, and maybe some graphics that can be used for a marketing campaign.

คุมผลได้มากกว่า บอกรายละเอียดที่อยากได้ครบ

Using the <YOUR PRODUCT> design system, make a marketing campaign kit on a design canvas:

- 3 Instagram posts (1080×1350), 1 square post (1080×1080), 1 story (1080×1920), and 1 X/YouTube header (1500×500)
- One message per graphic, each built around a real feature: <FEATURE 1>, <FEATURE 2>, <FEATURE 3>
- Use real app screenshots and real numbers only. No invented stats or reviews
- Brand fonts, colours and assets from the design system
- End each one with a clear call to action: <YOUR URL>