Loading video...

Video Failed to Load

Go Home

Just published a Claude skill for generating PDFs using react-pdf (by Diego Muracciole)! It supports Flexbox, Grids, SVGs, Google Fonts and generally produces much better results than the default "pdf" skill We need more custom react renderers for everything!

66,242 views • 5 months ago •via X (Twitter)

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

63,789 views • 4 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)

Mike Futia

211,462 views • 4 months ago

I just built a Claude skill that audits your entire Google Ads account in under 5 minutes 🤯 One prompt → a full account score, wasted spend breakdown, and a prioritized fix list telling you exactly what to change this week. All inside Claude Cowork. Perfect for DTC brands and agencies who are running Google Ads but have no idea how much budget is leaking. If you're managing Google Ads and your "optimization" process is logging in, staring at the dashboard, sorting by cost, and hoping you spot the problem before it costs you another $500... This audit skill finds it for you: → Connects to your live Google Ads data via MCP → Scores your account across 6 dimensions: wasted spend, search term quality, keyword health, quality scores, budget allocation, and creative performance → Calculates your exact wasted spend in dollars — search terms burning budget with zero conversions → Flags quality score issues dragging up your CPCs → Identifies keyword cannibalization across campaigns → Surfaces your top 5 highest-priority fixes ranked by budget impact → Generates a clean audit report you can hand to a client or share with your team No CSV exports. No pivot tables. No guessing where the money went. What you get: → A single Claude skill file you install once → An account health score (0-100) every time you run it → Exact dollar amount of wasted spend identified → Prioritized action list — not "optimize your account," but "pause these 12 search terms and save $847/month" → Works with any Google Ads account connected I'm giving away the full audit skill — the actual .md file you drop into Claude and run against your own account. Want it? Like this post Comment "SKILL" And I'll send it over (must be following so I can DM)

Mike Futia

59,875 views • 3 months 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)

Mike Futia

125,653 views • 4 months ago

How to build a viral Web3 app in an afternoon using the ChainGPT AI skill for Claude Code. No coding experience required. I built Roast My Wallet. Paste any Ethereum wallet address, get a savage AI-generated roast of your trading history, a Degen Score out of 100, an on-chain report card, and three AI-generated NFT portraits. Here's exactly how it came together. Setup (3 minutes): 🔸Install Claude Code at 🔸Run /plugin install ChainGPT-org/chaingpt-claude-skill 🔸Get an API key at 🔸Type /chaingpt and describe what you want to build What the skill actually does: The ChainGPT skill doesn't just give you starter code. It knows the entire API. Every endpoint, every parameter, every credit cost, every error code. When I asked it to build the roast feature, it knew to call the LLM endpoint, how to stream the response back to the browser in real time, and how to handle errors automatically. I didn't look up a single thing. How it works under the hood: 1. Pulls real ETH balance and transaction count from the Ethereum blockchain 2. Feeds those numbers into ChainGPT's LLM and streams the roast back live 3. Calculates a Degen Score from your tx count vs balance ratio 4. Generates a report card with letter grades across Trading, Patience, Risk, Diamond Hands, and NGMI 5. Uses the roast text to generate three custom NFT portraits in parallel via VeloGen 6. Packages everything into a downloadable PNG card ready to post 7. Every feature came from describing what I wanted: 8. "Make the API key server-side." Done. 9. "Add an animated arc gauge for the degen score." Done. 10. "Generate NFT portraits using the roast text as context." Done. I never wrote a function or debugged an API response. I described outcomes. The ChainGPT skill handled the rest. If you can describe what you want to build, you can build it. Get your API key. Install the skill. /plugin install ChainGPT-org/chaingpt-claude-skill Anyone can build with ChainGPT AI!

ChainGPT

29,291 views • 2 months ago

I just built a Google Ads Builder in Claude Code that turns one URL into a complete, launch-ready campaign 🤯 Point it at your website and it builds the whole Google Search campaign — keywords, ad groups, every headline, the negative list — structured the way a good paid-search manager would. All inside Claude Code. Perfect for DTC brands and agencies who need Search live but don't have days to build it right. If you're staring at a blank Google Ads account, researching keywords one browser tab at a time, writing 15 headlines per ad group to a 30-character limit, guessing at a negative list while budget quietly leaks on junk clicks... This builds the entire campaign from a single input — your homepage URL: → Reads your site and works out what you sell and who for → Groups keywords into tight, high-intent ad groups → Writes every Responsive Search Ad — 15 headlines, 4 descriptions, to Google's exact limits → Builds a negative-keyword list so you stop paying for junk clicks → Adds sitelinks, callouts, match types, bidding, and a budget split → Exports a Google Ads Editor CSV you import in one click No blank-account paralysis. No keyword rabbit holes. No character-counting 60 headlines by hand. What you get: → A launch-ready campaign from just your URL → Tight ad groups built for Quality Score, not a keyword dump → Every ad written to Google's limits and policy → A one-click CSV import plus a full campaign dashboard Built 100% in Claude Code. No API keys, no Google Ads login. And I'm not sending a playbook this time — I'm giving the whole skill away for free. The actual file. Install it and build your own campaign in 5 minutes. Want the skill? > Like this post > Comment "BUILD" And I'll send it over (must be following so I can DM)

Mike Futia

49,002 views • 7 days ago

I just built a Claude Cowork skill that turns your Google Ads data into a visual performance dashboard in 60 seconds 🤯 One prompt → campaign breakdowns, CPA trends, spend vs conversions charts, and hourly conversion patterns, all rendered as an interactive HTML dashboard you open in Chrome. All inside Claude Cowork. Perfect for DTC brands and agencies who are pulling Google Ads data into spreadsheets every week, manually building charts, and spending an hour formatting a report that's outdated by the time you send it. If you're managing Google Ads and your weekly reporting workflow looks like this — export a CSV, open Google Sheets, build a pivot table, copy the numbers into a slide deck, manually create charts, format everything, realize you forgot a campaign, start over ... This skill does the whole thing in one prompt: → Connects to your live Google Ads data via MCP → Pulls spend, conversions, CPA, ROAS, CTR across every campaign → Builds an interactive HTML dashboard → Summary cards at the top: total spend, total conversions, avg CPA, avg ROAS → Bar chart comparing spend vs conversions by campaign → CPA trend line over the last 30 days → Campaign table ranked by performance, color-coded green/yellow/red → Opens in Chrome: hover over charts, compare campaigns, screenshot for your team No spreadsheets. No manual chart building. No hour-long formatting sessions. What you get: → A visual dashboard from live data in under 60 seconds → Campaign performance you can actually see, not just read in a table → CPA trends that show you where things are heading, not just where they are → A dashboard you can screenshot and drop into Slack, a client report, or a team standup → Reusable — run it weekly and the data updates automatically One prompt. Live data. A finished dashboard you open in your browser. I put together a playbook with the full skill file, the setup, and the exact prompts to customize the dashboard for your account. Want it for free? > Like this post > Comment "DASH" And I'll send it over (must be following so I can DM)

Mike Futia

38,775 views • 3 months ago