Loading video...

Video Failed to Load

Go Home

Just explored this in Claude and it works! 🤯 No image generation, everything is plain JavaScript + HTML Canvas 2D. Playing with different shapes, layouts, rhythms, and colors, all generated through code. So many creative and impressive experiments on X lately. Had to try it myself ✨

yanliudesign's profile picture

Yan Liu

2,913 subscribers

33,706 views • 1 month ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Image-to-code feels so old now. But what if you add interactive elements? Simply upload an image to Kimi K2.5 and ask it to add a mouse-tracking eye effect. It works perfectly. The prompt is simple: “Clone this site and add a mouse-tracking eye effect. Provide the HTML code.”
0:11

Image-to-code feels so old now. But what if you add interactive elements? Simply upload an image to Kimi K2.5 and ask it to add a mouse-tracking eye effect. It works perfectly. The prompt is simple: “Clone this site and add a mouse-tracking eye effect. Provide the HTML code.”

Kimi Product

78,572 views • 8 months ago

Ok this is so stupid. Mahomes just playing with everyone else. He’s going to try it in a game and get away with it.
0:11

Ok this is so stupid. Mahomes just playing with everyone else. He’s going to try it in a game and get away with it.

Chase Daniel

700,417 views • 2 years ago

Uncensored image generation is live in OpenGradient. (∇, ∇) Two new Seedream models, 5.0 Lite and 4.5, with no filter on legitimate creative work. We blurred the demo. The model didn't have to. And like everything here, it stays private. Your prompts and images are private.
0:15

Uncensored image generation is live in OpenGradient. (∇, ∇) Two new Seedream models, 5.0 Lite and 4.5, with no filter on legitimate creative work. We blurred the demo. The model didn't have to. And like everything here, it stays private. Your prompts and images are private.

OpenGradient (∇, ∇)

11,713 views • 2 months ago

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.
0:18

DOM3 is made from HTML, CSS and Javascript, closer to a document than a canvas. It's a strange contemporary material that shapes much of our digital lives. The rhythm of endless creation and deletion in DOM3 is a self-driving version of what happens when you browse the web. "The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory." A html element, and a rectangle on a canvas, are not the same thing. It's a different material. Even if it all ends up controlling the same pixels, the process is different. The html element kind of actually exists, in this abstract context of a document object model. And in memory, in the moment. If it was possible to measure its weight, it would be heavier than a pixel on a canvas.

Leander Herzog

11,484 views • 1 year ago

Claude Code + Google Stitch 2.0 is f*cking cracked 🤯 Google just dropped a free AI design agent that solves Claude Code's biggest weakness: frontend design. One screenshot of a high-converting landing page → a production-ready site for your brand in minutes. All inside Google Stitch + Claude Code. Perfect for DTC brands and agencies who are building advertorial pages and product launch pages for Meta but burning days on designer back-and-forth. If you're running Meta ads and need 5-10 different landing pages testing different hooks, angles, and offers — each one targeting a different audience and pain point — you know the bottleneck isn't the ads. It's the pages. Briefing designers, waiting for revisions, paying $2-5K per page. Stitch eliminates the design bottleneck: → Find a high-converting advertorial that's scaling on Meta → Screenshot it and drop it into Stitch (powered by Gemini 3.1) → Stitch redesigns it with your brand's colors, fonts, and imagery using Nano Banana 2 → Edit sections visually — headlines, CTAs, layouts — without touching code → Export the code and paste it into Claude Code → Claude builds the full production site and deploys to Vercel or Netlify in 60 seconds No designer. No $3K per landing page. No Claude Code frontend that looks like a template from 2019. What you get: → Designer-quality landing pages and advertorials built in minutes, not weeks → Visual editing so you actually see the design before you code it → Nano Banana 2 generating on-brand product imagery and hero shots → A repeatable system — new angle, new page, same pipeline Built 100% with Google Stitch 2.0 + Claude Code. I put together a full playbook showing the exact workflow: how to find winning pages, redesign them in Stitch, and deploy with Claude Code. Want it for free? > Like this post > Comment "STITCH" And I'll send it over (must be following so I can DM)
0:14

Claude Code + Google Stitch 2.0 is f*cking cracked 🤯 Google just dropped a free AI design agent that solves Claude Code's biggest weakness: frontend design. One screenshot of a high-converting landing page → a production-ready site for your brand in minutes. All inside Google Stitch + Claude Code. Perfect for DTC brands and agencies who are building advertorial pages and product launch pages for Meta but burning days on designer back-and-forth. If you're running Meta ads and need 5-10 different landing pages testing different hooks, angles, and offers — each one targeting a different audience and pain point — you know the bottleneck isn't the ads. It's the pages. Briefing designers, waiting for revisions, paying $2-5K per page. Stitch eliminates the design bottleneck: → Find a high-converting advertorial that's scaling on Meta → Screenshot it and drop it into Stitch (powered by Gemini 3.1) → Stitch redesigns it with your brand's colors, fonts, and imagery using Nano Banana 2 → Edit sections visually — headlines, CTAs, layouts — without touching code → Export the code and paste it into Claude Code → Claude builds the full production site and deploys to Vercel or Netlify in 60 seconds No designer. No $3K per landing page. No Claude Code frontend that looks like a template from 2019. What you get: → Designer-quality landing pages and advertorials built in minutes, not weeks → Visual editing so you actually see the design before you code it → Nano Banana 2 generating on-brand product imagery and hero shots → A repeatable system — new angle, new page, same pipeline Built 100% with Google Stitch 2.0 + Claude Code. I put together a full playbook showing the exact workflow: how to find winning pages, redesign them in Stitch, and deploy with Claude Code. Want it for free? > Like this post > Comment "STITCH" And I'll send it over (must be following so I can DM)

Mike Futia

126,527 views • 6 months ago

Game changer. Connected @Framer to Claude and had it build the site for me. It even organised all of the layers and everything 🤯 And when I told it to make sure text is responsive...it just does it. Possibilities are endless here.
0:19

Game changer. Connected @Framer to Claude and had it build the site for me. It even organised all of the layers and everything 🤯 And when I told it to make sure text is responsive...it just does it. Possibilities are endless here.

Oliur

80,518 views • 7 months ago

made this with text to lottie and claude code my workflow: design something in figma or just make a rough draft. then ask claude to animate it you'd be surprised how easy it is to add easings, masks, transforms, text effects and all the motion details you can also ask claude to export it as a gif, mp4, png sequence, resize it in different aspect ratios claude and codex already creates something with taste and if you know what you want to create, this workflow is really useful and btw, it's free
0:19

made this with text to lottie and claude code my workflow: design something in figma or just make a rough draft. then ask claude to animate it you'd be surprised how easy it is to add easings, masks, transforms, text effects and all the motion details you can also ask claude to export it as a gif, mp4, png sequence, resize it in different aspect ratios claude and codex already creates something with taste and if you know what you want to create, this workflow is really useful and btw, it's free

Doruk

14,966 views • 3 months ago

Hey... so... Claude Code is really good at design?? 👀 This was a ONE SHOT PROMPT. 🤯 We always asked Lovable to build "Design System" pages for our apps and they were always meh. We asked Claude Code to take a swing at it just based on our logo, a font, and brand colors. This is... really, really good for a one-shot prompt.
0:14

Hey... so... Claude Code is really good at design?? 👀 This was a ONE SHOT PROMPT. 🤯 We always asked Lovable to build "Design System" pages for our apps and they were always meh. We asked Claude Code to take a swing at it just based on our logo, a font, and brand colors. This is... really, really good for a one-shot prompt.

Jason Zook

102,686 views • 6 months ago

Pika just launched their 4K-VFX skill through MCP and I edited this entire video on Claude Code. When you want to replicate the viral video and realized you can just shoot it in your office parking lot and edit it in Claude Code... 🤤 Get my prompt in the thread:
0:14

Pika just launched their 4K-VFX skill through MCP and I edited this entire video on Claude Code. When you want to replicate the viral video and realized you can just shoot it in your office parking lot and edit it in Claude Code... 🤤 Get my prompt in the thread:

Jessie_Ma

216,581 views • 2 months ago

“THANK YOU SUGA “ with Autism Awareness Ribbon on it. 🥺🫂 “The different colors and shapes represents the diversity of people and families living with this disorder.The brightness of this ribbon signals hope - hope through research and increasing awareness in people like you.” #SUGA #슈가 #AgustD
0:10

“THANK YOU SUGA “ with Autism Awareness Ribbon on it. 🥺🫂 “The different colors and shapes represents the diversity of people and families living with this disorder.The brightness of this ribbon signals hope - hope through research and increasing awareness in people like you.” #SUGA #슈가 #AgustD

•💜ʀᴏsᴇ⁷🥃🥢ᓚᕠᗢ•

15,484 views • 4 months ago

Adobe for Creativity + Claude 🤯 just dropped! Photoshop. Lightroom. Illustrator. Firefly. Premiere. Express. InDesign. Stock. Firefly Boards (my favorite). All inside Claude. No app switching. Just plain English. Here's an example how to connect it and use with Boards:
0:12

Adobe for Creativity + Claude 🤯 just dropped! Photoshop. Lightroom. Illustrator. Firefly. Premiere. Express. InDesign. Stock. Firefly Boards (my favorite). All inside Claude. No app switching. Just plain English. Here's an example how to connect it and use with Boards:

Kris Kashtanova

35,806 views • 5 months ago

I just built a skill that lets Claude Code watch & analyze ANY video 🤯 Drop in any video file — UGC ads, competitor Meta ads, organic TikToks, screen recordings — and Claude hands you back a full creative teardown. All inside Claude Code. Perfect for media buyers and creative strategists who reverse-engineer competitor ads every week — and lose half a day doing it by hand. If your creative process starts with studying what's already working, you're scrubbing through competitor ads frame by frame, pausing to write down every hook, screenshotting the on-screen text, and by the tenth video you can't remember what made the first one land... This skill solves it: → Drop any video file into Claude Code → Skill routes it through the Gemini API for native video understanding → Returns a full creative teardown — hook breakdown, target audience, angle, beat-by-beat, on-screen text verbatim → Surfaces the steal-worthy patterns you can apply to your own creative → Same skill works on UGC ads, produced video ads, organic TikToks, and Loom recordings No manual scrubbing. No pausing every 5 seconds. No $200/mo ad intelligence platform. What you get: → Native video understanding via Gemini (not just transcripts) → Structured analysis — hook, angle, audience, pain point, CTA → Verbatim on-screen text and dialogue with timestamps → Hook variations generated directly from competitor ads → About 27 cents per 30-minute video Built 100% in Claude Code with the Gemini API. I recorded a full breakdown showing exactly how I built this, and I'm giving away the skill for free. Want the skill? > Like this post > Comment "CLAUDE" And I'll send it over (must be following so I can DM)
0:19

I just built a skill that lets Claude Code watch & analyze ANY video 🤯 Drop in any video file — UGC ads, competitor Meta ads, organic TikToks, screen recordings — and Claude hands you back a full creative teardown. All inside Claude Code. Perfect for media buyers and creative strategists who reverse-engineer competitor ads every week — and lose half a day doing it by hand. If your creative process starts with studying what's already working, you're scrubbing through competitor ads frame by frame, pausing to write down every hook, screenshotting the on-screen text, and by the tenth video you can't remember what made the first one land... This skill solves it: → Drop any video file into Claude Code → Skill routes it through the Gemini API for native video understanding → Returns a full creative teardown — hook breakdown, target audience, angle, beat-by-beat, on-screen text verbatim → Surfaces the steal-worthy patterns you can apply to your own creative → Same skill works on UGC ads, produced video ads, organic TikToks, and Loom recordings No manual scrubbing. No pausing every 5 seconds. No $200/mo ad intelligence platform. What you get: → Native video understanding via Gemini (not just transcripts) → Structured analysis — hook, angle, audience, pain point, CTA → Verbatim on-screen text and dialogue with timestamps → Hook variations generated directly from competitor ads → About 27 cents per 30-minute video Built 100% in Claude Code with the Gemini API. I recorded a full breakdown showing exactly how I built this, and I'm giving away the skill for free. Want the skill? > Like this post > Comment "CLAUDE" And I'll send it over (must be following so I can DM)

Mike Futia

42,104 views • 3 months ago

🚨 one person can now do the work of an entire creative team. i just tested it on a real one. a friend needed an ad for his brand, so I opened the new Runway Agent 2.0 to try it out. here's how it went: → it generated the music and the key image first, so I could approve the direction → once I gave the ok, it built the full video around it → and when something was off, i changed just that one piece, without redoing the rest one prompt, and I had the ad we needed, work that used to take weeks. this is what it made 👇 if you want to try it → · 30% off 3 months with code RUNWAYAGENT — made with Runway · #MadeWithRunway · #ad
0:18

🚨 one person can now do the work of an entire creative team. i just tested it on a real one. a friend needed an ad for his brand, so I opened the new Runway Agent 2.0 to try it out. here's how it went: → it generated the music and the key image first, so I could approve the direction → once I gave the ok, it built the full video around it → and when something was off, i changed just that one piece, without redoing the rest one prompt, and I had the ad we needed, work that used to take weeks. this is what it made 👇 if you want to try it → · 30% off 3 months with code RUNWAYAGENT — made with Runway · #MadeWithRunway · #ad

brenz.

28,698 views • 2 months ago

found a tool on product hunt that turns claude code into an ad agency.. it’s called Goose Ad Remixer. The setup was surprisingly simple. First, I installed the Gooseworks skill library: npx gooseworks install --all Then I asked Claude Code to generate high-performing ad creatives with: /goose-ads make ads for my brand From there, Goose researched the brand, studied the website, messaging, visual identity, positioning, and existing assets before creating multiple ad concepts. What stood out is that it did not just generate random designs. It studied proven ad patterns, including the hooks, offers, copy, layouts, and creative structures, then remixed them for the brand. It felt less like prompting an image generator and more like giving Claude Code an ad strategist, copywriter, and designer in one workflow. Here are a few of the creatives it generated:
0:12

found a tool on product hunt that turns claude code into an ad agency.. it’s called Goose Ad Remixer. The setup was surprisingly simple. First, I installed the Gooseworks skill library: npx gooseworks install --all Then I asked Claude Code to generate high-performing ad creatives with: /goose-ads make ads for my brand From there, Goose researched the brand, studied the website, messaging, visual identity, positioning, and existing assets before creating multiple ad concepts. What stood out is that it did not just generate random designs. It studied proven ad patterns, including the hooks, offers, copy, layouts, and creative structures, then remixed them for the brand. It felt less like prompting an image generator and more like giving Claude Code an ad strategist, copywriter, and designer in one workflow. Here are a few of the creatives it generated:

Robin Delta

16,309 views • 2 months ago

I just spent roughly 15 hours on this navigation component so you don’t have to. and just dropped into the vault 🎉 one thing i really like about this one is the morphing motion, but also something people often overlook: accessibility. it’s fully responsive, keyboard accessible, and built so everyone can actually use it. also, no dependencies. Just vanilla HTML, CSS and JavaScript. you can test and play around with it, link in the comments ↓
0:14

I just spent roughly 15 hours on this navigation component so you don’t have to. and just dropped into the vault 🎉 one thing i really like about this one is the morphing motion, but also something people often overlook: accessibility. it’s fully responsive, keyboard accessible, and built so everyone can actually use it. also, no dependencies. Just vanilla HTML, CSS and JavaScript. you can test and play around with it, link in the comments ↓

FHILY👑

11,733 views • 3 months ago

Native image generation with Gemini is live 🚀🔥 You can generate interleaved text and images and edit uploaded images all in a unified model. Big congrats to Robert Riachi Kaushik Shivakumar Fabian Mentzer and many more amazing folks who built this! Try it out and tell us what you think:
0:15

Native image generation with Gemini is live 🚀🔥 You can generate interleaved text and images and edit uploaded images all in a unified model. Big congrats to Robert Riachi Kaushik Shivakumar Fabian Mentzer and many more amazing folks who built this! Try it out and tell us what you think:

Tim Brooks

14,128 views • 1 year ago

iPhone duo built in Three.js with running apps I fed the apple announcement video and all press photos into Astra and had it build the model The apps are rendered with HTML-in-Canvas Built this on Copilot day stream - Pierce and Burke are adding more apps now
0:10

iPhone duo built in Three.js with running apps I fed the apple announcement video and all press photos into Astra and had it build the model The apps are rendered with HTML-in-Canvas Built this on Copilot day stream - Pierce and Burke are adding more apps now

Wes Bos

40,141 views • 15 days ago

Claude Code + Nano Banana 2 is f*cking cracked 🤯 I built a skill inside Claude Code that writes JSON image prompts for Nano Banana 2, and the outputs look like they came from a professional photo shoot. One plain-text prompt. Claude rewrites it as structured JSON with lighting, camera, composition, style, and negative prompts. Then fires it off to Nano Banana 2. All inside Claude Code. Perfect for DTC brands and agencies who need high-volume ad creative without booking a shoot. If you're using Nano Banana 2 for product shots and lifestyle images but every generation feels like pulling a slot machine lever — random lighting, inconsistent style, plastic skin, misspelled labels ... This skill fixes the entire output: → You describe what you want in plain English → Claude rewrites it as a structured JSON prompt (lighting, camera angle, lens, depth of field, color grading — all of it) → Fires it to Nano Banana 2 via API → Saves the prompt + image in organized folders → You iterate on the style until it's dialed, then every output matches No more slot machine prompting. No more inconsistent brand imagery. No more burning credits on unusable generations. What you get: - Photo-realistic product shots and lifestyle images on demand - Full control over style, lighting, composition, and camera settings - Saved JSON prompts you can reuse across every campaign - A skill that gets smarter the more feedback you give it Built 100% in Claude Code with a custom skill + Python scripts. I put together a full playbook showing the exact skill, the JSON schema, and the workflow to set this up yourself. Want the full playbook? > Like this post > Comment "BANANA" And I'll send it over (must be following so I can DM)
0:11

Claude Code + Nano Banana 2 is f*cking cracked 🤯 I built a skill inside Claude Code that writes JSON image prompts for Nano Banana 2, and the outputs look like they came from a professional photo shoot. One plain-text prompt. Claude rewrites it as structured JSON with lighting, camera, composition, style, and negative prompts. Then fires it off to Nano Banana 2. All inside Claude Code. Perfect for DTC brands and agencies who need high-volume ad creative without booking a shoot. If you're using Nano Banana 2 for product shots and lifestyle images but every generation feels like pulling a slot machine lever — random lighting, inconsistent style, plastic skin, misspelled labels ... This skill fixes the entire output: → You describe what you want in plain English → Claude rewrites it as a structured JSON prompt (lighting, camera angle, lens, depth of field, color grading — all of it) → Fires it to Nano Banana 2 via API → Saves the prompt + image in organized folders → You iterate on the style until it's dialed, then every output matches No more slot machine prompting. No more inconsistent brand imagery. No more burning credits on unusable generations. What you get: - Photo-realistic product shots and lifestyle images on demand - Full control over style, lighting, composition, and camera settings - Saved JSON prompts you can reuse across every campaign - A skill that gets smarter the more feedback you give it Built 100% in Claude Code with a custom skill + Python scripts. I put together a full playbook showing the exact skill, the JSON schema, and the workflow to set this up yourself. Want the full playbook? > Like this post > Comment "BANANA" And I'll send it over (must be following so I can DM)

NOVA

64,117 views • 6 months ago

Claude Code + Nano Banana 2 is f*cking cracked 🤯 I built a skill inside Claude Code that writes JSON image prompts for Nano Banana 2, and the outputs look like they came from a professional photo shoot. One plain-text prompt. Claude rewrites it as structured JSON with lighting, camera, composition, style, and negative prompts. Then fires it off to Nano Banana 2. All inside Claude Code. Perfect for DTC brands and agencies who need high-volume ad creative without booking a shoot. If you're using Nano Banana 2 for product shots and lifestyle images but every generation feels like pulling a slot machine lever — random lighting, inconsistent style, plastic skin, misspelled labels ... This skill fixes the entire output: → You describe what you want in plain English → Claude rewrites it as a structured JSON prompt (lighting, camera angle, lens, depth of field, color grading — all of it) → Fires it to Nano Banana 2 via API → Saves the prompt + image in organized folders → You iterate on the style until it's dialed, then every output matches No more slot machine prompting. No more inconsistent brand imagery. No more burning credits on unusable generations. What you get: - Photo-realistic product shots and lifestyle images on demand - Full control over style, lighting, composition, and camera settings - Saved JSON prompts you can reuse across every campaign - A skill that gets smarter the more feedback you give it Built 100% in Claude Code with a custom skill + Python scripts. I put together a full playbook showing the exact skill, the JSON schema, and the workflow to set this up yourself. Want the full playbook? > Like this post > Comment "BANANA" And I'll send it over (must be following so I can DM)
0:11

Claude Code + Nano Banana 2 is f*cking cracked 🤯 I built a skill inside Claude Code that writes JSON image prompts for Nano Banana 2, and the outputs look like they came from a professional photo shoot. One plain-text prompt. Claude rewrites it as structured JSON with lighting, camera, composition, style, and negative prompts. Then fires it off to Nano Banana 2. All inside Claude Code. Perfect for DTC brands and agencies who need high-volume ad creative without booking a shoot. If you're using Nano Banana 2 for product shots and lifestyle images but every generation feels like pulling a slot machine lever — random lighting, inconsistent style, plastic skin, misspelled labels ... This skill fixes the entire output: → You describe what you want in plain English → Claude rewrites it as a structured JSON prompt (lighting, camera angle, lens, depth of field, color grading — all of it) → Fires it to Nano Banana 2 via API → Saves the prompt + image in organized folders → You iterate on the style until it's dialed, then every output matches No more slot machine prompting. No more inconsistent brand imagery. No more burning credits on unusable generations. What you get: - Photo-realistic product shots and lifestyle images on demand - Full control over style, lighting, composition, and camera settings - Saved JSON prompts you can reuse across every campaign - A skill that gets smarter the more feedback you give it Built 100% in Claude Code with a custom skill + Python scripts. I put together a full playbook showing the exact skill, the JSON schema, and the workflow to set this up yourself. Want the full playbook? > Like this post > Comment "BANANA" And I'll send it over (must be following so I can DM)

Mike Futia

212,465 views • 6 months ago

I just vibe coded a full DTC advertorial page builder in Claude Code 🤯 One prompt --> complete presell page. Product images + editorial copy + testimonials + pricing —> all generated automatically. Built 100% in Claude Code. Perfect for DTC brands and agencies who need fresh advertorial pages for Meta but can't keep paying $1,500 per page. If you're running advertorials, you need variation & volume. 5-10 different advertorials per month. Different hooks, different audiences, different products. That means briefing a copywriter, waiting days, getting back a draft, giving notes, waiting again. Rinse repeat. This system solves it: → Enter your brand, product, target customer, and unique mechanism → Pick a style preset (clinical editorial, news exposé, lifestyle magazine, warm and trustworthy) → Claude writes the full page — every section from urgency banner to guarantee to final CTA → Nano Banana Pro generates all product images and mechanism diagrams inline No copywriter back-and-forth. No designing from scratch. No starting from a blank page every time. What you get: → A complete HTML advertorial page ready to paste into Shopify → DR copy structure extracted from real pages scaling on Meta → AI-generated product photography and diagrams → 4 style presets that automatically shift tone, colors, and authority framing per niche → Fully customizable system prompt — swap in your own advertorial templates, formulas, or page structures and it follows those instead I built 3 complete advertorial pages for 3 different brands in under 5 minutes. Skincare, supplements, and pet products. All different styles, all production-ready. I put the full Claude Code system prompt into a free Google Doc so you can get this up & running asap. Want access for free? > Like this post > Comment "CLAUDE" And I'll send it over (must be following so I can DM)
0:16

I just vibe coded a full DTC advertorial page builder in Claude Code 🤯 One prompt --> complete presell page. Product images + editorial copy + testimonials + pricing —> all generated automatically. Built 100% in Claude Code. Perfect for DTC brands and agencies who need fresh advertorial pages for Meta but can't keep paying $1,500 per page. If you're running advertorials, you need variation & volume. 5-10 different advertorials per month. Different hooks, different audiences, different products. That means briefing a copywriter, waiting days, getting back a draft, giving notes, waiting again. Rinse repeat. This system solves it: → Enter your brand, product, target customer, and unique mechanism → Pick a style preset (clinical editorial, news exposé, lifestyle magazine, warm and trustworthy) → Claude writes the full page — every section from urgency banner to guarantee to final CTA → Nano Banana Pro generates all product images and mechanism diagrams inline No copywriter back-and-forth. No designing from scratch. No starting from a blank page every time. What you get: → A complete HTML advertorial page ready to paste into Shopify → DR copy structure extracted from real pages scaling on Meta → AI-generated product photography and diagrams → 4 style presets that automatically shift tone, colors, and authority framing per niche → Fully customizable system prompt — swap in your own advertorial templates, formulas, or page structures and it follows those instead I built 3 complete advertorial pages for 3 different brands in under 5 minutes. Skincare, supplements, and pet products. All different styles, all production-ready. I put the full Claude Code system prompt into a free Google Doc so you can get this up & running asap. Want access for free? > Like this post > Comment "CLAUDE" And I'll send it over (must be following so I can DM)

Mike Futia

41,947 views • 7 months ago