Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) →...

CJfromJBW's profile picture

CJ @ Jackie Brown

3,525 subscribers

27,054 görüntüleme • 3 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Day 140 of vibe-coding as a designer. I'm shocked how few designers know about this workflow. I skipped Figma and made a beautiful Robinhood design from Claude Code + Paper, in just one prompt. Wild! 🤯 This feels like the future of design.
0:13

Day 140 of vibe-coding as a designer. I'm shocked how few designers know about this workflow. I skipped Figma and made a beautiful Robinhood design from Claude Code + Paper, in just one prompt. Wild! 🤯 This feels like the future of design.

Felix Lee

43,637 görüntüleme • 3 ay önce

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)
0:17

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

56,432 görüntüleme • 2 ay önce

one of my favorite ways to use claude code skills right now - combining remotion with claude-in-chrome for motion video creation. the workflow is addictive. the clip you see here was produced with minimal prompting effort let me know if you would like me to write a full break down of this process. you describe to claude code what you want, claude code writes the remotion components, opens the remotion studio (via browser) with claude-in-chrome, sees the actual rendered output, and iterates on it in real time. need the arrows pointing to the center of the bubbles instead of the edge? just say it. need the layout shifted to the center? say it. claude sees the preview, adjusts the code, re-renders. then when you're happy you tell claude code to render the final video. but skills are what make this possible. remotion knowledge + browser automation + the taste to iterate visually. no copy pasting screenshots back and forth. no "can you try moving it 10px to the right" over chat. it just looks and fixes. this is the kind of workflow that makes you realize how much further claude code can go beyond just writing code in a terminal. i didn't touch any code while working on the clip you see if you haven't tried combining skills together like this - start experimenting. the skills combos is where the magic is at.
0:16

one of my favorite ways to use claude code skills right now - combining remotion with claude-in-chrome for motion video creation. the workflow is addictive. the clip you see here was produced with minimal prompting effort let me know if you would like me to write a full break down of this process. you describe to claude code what you want, claude code writes the remotion components, opens the remotion studio (via browser) with claude-in-chrome, sees the actual rendered output, and iterates on it in real time. need the arrows pointing to the center of the bubbles instead of the edge? just say it. need the layout shifted to the center? say it. claude sees the preview, adjusts the code, re-renders. then when you're happy you tell claude code to render the final video. but skills are what make this possible. remotion knowledge + browser automation + the taste to iterate visually. no copy pasting screenshots back and forth. no "can you try moving it 10px to the right" over chat. it just looks and fixes. this is the kind of workflow that makes you realize how much further claude code can go beyond just writing code in a terminal. i didn't touch any code while working on the clip you see if you haven't tried combining skills together like this - start experimenting. the skills combos is where the magic is at.

elvis

46,426 görüntüleme • 5 ay önce

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

125,653 görüntüleme • 4 ay önce

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.
0:12

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.

Ridark

19,477 görüntüleme • 1 ay önce

Claude Fable 5 + Claude Design is f*cking insane 🤯 Anthropic just dropped its most intelligent model ever, and the first thing I pointed it at was email design. I built a complete email campaign design in Claude Design, and the difference is night and day: tighter layouts, cleaner hierarchy, on-brand from the first generation. All inside Claude Design with Fable 5. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month for campaign designs that take 2 weeks to ship. If your campaign calendar is packed but every new email means briefing a designer, waiting on mockups, sending notes, and waiting again... This workflow eliminates the entire bottleneck: → Load your brand design system into Claude Design once (colors, fonts, logo, button styling) → Switch the model to Claude Fable 5 — Anthropic's new state-of-the-art model with the best vision of any AI → Prompt the campaign email section by section: header, hero, headline, offer block, CTA → Fable 5 nails layout and brand details that older models fumbled → Iterate inline — swap images, adjust styling, color-pick directly in the canvas → Export the finished email and hand off to your ESP No briefing a designer. No 2-week turnaround on a single campaign. No paying an agency $4K/month for 4 emails. What you get: → Campaign emails designed in minutes, not weeks → A reusable design system every new email pulls from automatically → Noticeably smarter design decisions from Fable 5's upgraded vision → Full inline editing before anything touches your ESP Built 100% with Claude Design + Claude Fable 5. I recorded a full walkthrough showing exactly how this works. Want it for free? > Like this post > Comment "FABLE" And I'll send it over (must be following so I can DM)
0:17

Claude Fable 5 + Claude Design is f*cking insane 🤯 Anthropic just dropped its most intelligent model ever, and the first thing I pointed it at was email design. I built a complete email campaign design in Claude Design, and the difference is night and day: tighter layouts, cleaner hierarchy, on-brand from the first generation. All inside Claude Design with Fable 5. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month for campaign designs that take 2 weeks to ship. If your campaign calendar is packed but every new email means briefing a designer, waiting on mockups, sending notes, and waiting again... This workflow eliminates the entire bottleneck: → Load your brand design system into Claude Design once (colors, fonts, logo, button styling) → Switch the model to Claude Fable 5 — Anthropic's new state-of-the-art model with the best vision of any AI → Prompt the campaign email section by section: header, hero, headline, offer block, CTA → Fable 5 nails layout and brand details that older models fumbled → Iterate inline — swap images, adjust styling, color-pick directly in the canvas → Export the finished email and hand off to your ESP No briefing a designer. No 2-week turnaround on a single campaign. No paying an agency $4K/month for 4 emails. What you get: → Campaign emails designed in minutes, not weeks → A reusable design system every new email pulls from automatically → Noticeably smarter design decisions from Fable 5's upgraded vision → Full inline editing before anything touches your ESP Built 100% with Claude Design + Claude Fable 5. I recorded a full walkthrough showing exactly how this works. Want it for free? > Like this post > Comment "FABLE" And I'll send it over (must be following so I can DM)

Mike Futia

42,708 görüntüleme • 1 ay önce

How I use Claude Code and Remotion to make animated diagrams. Sorry, it's not a single prompt. 1. Find an input language the model knows well. For example, Mermaid for flowcharts. Claude writes it fluently, so it's my entry point. 2. Use Claude to build components that take that input and bake in the guardrails: design system, animation patterns, layout rules. 3. Now I can describe what I want in plain English e.g. "create a flowchart for the tier check section in the script", and Claude translates it to our input language: ``` flowchart TD t1[Tier 1 read-only] t2[Tier 2 in-project writes] t3[Tier 3 everything else] action[Action] --> t1 action --> t2 action --> t3 t1 --> skip([Skips classifier]) t2 --> skip t3 --> classifier{Classifier} classifier --> approve[Approve] classifier --> deny[Deny] ``` The component handles the rest: layout, styling, node and edge reveals. It also takes events for follow-ups like the trace dot that follows a path and lights up nodes. 4. To finish it off, I wrapped the board in a separate CRT shader component. It really helps to have a shared vocabulary with your agent. When I say "rise in fast on enter", it knows I mean fade in while translating up, from a set offset, faster than the default duration, with a specific bezier curve. For common language inspo: look into Matt Pocock `/grill-with-docs` and by Emil Kowalski and Glenn Hitchcock.
0:13

How I use Claude Code and Remotion to make animated diagrams. Sorry, it's not a single prompt. 1. Find an input language the model knows well. For example, Mermaid for flowcharts. Claude writes it fluently, so it's my entry point. 2. Use Claude to build components that take that input and bake in the guardrails: design system, animation patterns, layout rules. 3. Now I can describe what I want in plain English e.g. "create a flowchart for the tier check section in the script", and Claude translates it to our input language: ``` flowchart TD t1[Tier 1 read-only] t2[Tier 2 in-project writes] t3[Tier 3 everything else] action[Action] --> t1 action --> t2 action --> t3 t1 --> skip([Skips classifier]) t2 --> skip t3 --> classifier{Classifier} classifier --> approve[Approve] classifier --> deny[Deny] ``` The component handles the rest: layout, styling, node and edge reveals. It also takes events for follow-ups like the trace dot that follows a path and lights up nodes. 4. To finish it off, I wrapped the board in a separate CRT shader component. It really helps to have a shared vocabulary with your agent. When I say "rise in fast on enter", it knows I mean fade in while translating up, from a set offset, faster than the default duration, with a specific bezier curve. For common language inspo: look into Matt Pocock `/grill-with-docs` and by Emil Kowalski and Glenn Hitchcock.

Delba

60,407 görüntüleme • 1 ay önce

The ChainGPT AI skill for Claude Code is one of the most complete Web3-AI dev environment on the market. Let me prove it. Open Claude Code with the installed skill, and you have direct access to: • Built-in wallets across 33+ chains • DEX trading, perps, and Hyperliquid execution • Smart contract generation and auditing • NFT generation across 22 chains • Real-time crypto news API • Fine-tuned crypto LLM with live on-chain data Every part of the Web3 stack, one prompt away. Here's what that looks like in practice. I built a real-time on-chain whale tracker in a single afternoon. It's called Whale Watch. → Pulls live swap data from Ethereum DEX pools → Filters every trade over $100K → Runs each whale through the ChainGPT LLM for a trader-grade live analysis → Routes the user into 1inch with the token pair pre-loaded if they want to follow the trade Real data. Real AI. Real action layer. The skill wrote the server. It hit the right APIs. It generated the UI. It debugged itself when something broke. The only thing I supplied was the idea and the polish. Open Claude Code. Ship something with ChainGPT AI this weekend! /plugin install ChainGPT-org/chaingpt-claude-skill
0:18

The ChainGPT AI skill for Claude Code is one of the most complete Web3-AI dev environment on the market. Let me prove it. Open Claude Code with the installed skill, and you have direct access to: • Built-in wallets across 33+ chains • DEX trading, perps, and Hyperliquid execution • Smart contract generation and auditing • NFT generation across 22 chains • Real-time crypto news API • Fine-tuned crypto LLM with live on-chain data Every part of the Web3 stack, one prompt away. Here's what that looks like in practice. I built a real-time on-chain whale tracker in a single afternoon. It's called Whale Watch. → Pulls live swap data from Ethereum DEX pools → Filters every trade over $100K → Runs each whale through the ChainGPT LLM for a trader-grade live analysis → Routes the user into 1inch with the token pair pre-loaded if they want to follow the trade Real data. Real AI. Real action layer. The skill wrote the server. It hit the right APIs. It generated the UI. It debugged itself when something broke. The only thing I supplied was the idea and the polish. Open Claude Code. Ship something with ChainGPT AI this weekend! /plugin install ChainGPT-org/chaingpt-claude-skill

ChainGPT

25,853 görüntüleme • 2 ay önce

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

63,801 görüntüleme • 4 ay önce

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

211,480 görüntüleme • 4 ay önce

here's how the whole thing works. claude code doesn't care what's behind the API. it just sends requests and expects responses. so i pointed it at my own machine instead of anthropic's servers. llama-server runs the model locally. LiteLLM sits in between and translates the API format. claude code thinks it's talking to claude. it's talking to qwen on localhost. the setup: 2x 3090s, 38 layers on GPU, 10 on CPU. 128K context window. generation is only 7 tok/s but the tradeoff is worth it. 128K means the agent can hold an entire project in memory without losing context midtask. claude code alone loads a 17.5K token system prompt on every request. tool definitions, safety rules, agent behavior. that's your baseline before you even say hello. pushed as far as i could tonight. what surprised me most wasn't the speed. it was the iteration quality. first prompt gave me a working particle sim. second prompt, the model read its own 564 lines, understood the architecture, and added trails, explosions, gravity wells, bloom effects. no handholding. 4bit quantized. 45GB on two consumer cards. running a full coding agent autonomously. detailed article coming. full benchmarks, hardware breakdowns, engine debugging, code quality. everything from setup to what broke and why.
0:12

here's how the whole thing works. claude code doesn't care what's behind the API. it just sends requests and expects responses. so i pointed it at my own machine instead of anthropic's servers. llama-server runs the model locally. LiteLLM sits in between and translates the API format. claude code thinks it's talking to claude. it's talking to qwen on localhost. the setup: 2x 3090s, 38 layers on GPU, 10 on CPU. 128K context window. generation is only 7 tok/s but the tradeoff is worth it. 128K means the agent can hold an entire project in memory without losing context midtask. claude code alone loads a 17.5K token system prompt on every request. tool definitions, safety rules, agent behavior. that's your baseline before you even say hello. pushed as far as i could tonight. what surprised me most wasn't the speed. it was the iteration quality. first prompt gave me a working particle sim. second prompt, the model read its own 564 lines, understood the architecture, and added trails, explosions, gravity wells, bloom effects. no handholding. 4bit quantized. 45GB on two consumer cards. running a full coding agent autonomously. detailed article coming. full benchmarks, hardware breakdowns, engine debugging, code quality. everything from setup to what broke and why.

Sudo su

37,623 görüntüleme • 5 ay önce

Claude Code can now watch & analyze ANY video 🤯 I built a skill that gives Claude the ability to watch any video file you drop in — UGC ads, competitor Meta ads, organic TikToks, screen recordings, anything. All inside Claude Code. Perfect for DTC brands and agencies who study competitor creative every week to figure out what's working and what to test next. Here's the problem: If you're studying competitor ads on Meta or hooks on TikTok, you're scrubbing through videos manually, pausing to write down hooks, screenshotting on-screen text, and trying to remember what made the ad land by the time you've watched 10 of them. 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? > Comment "CLAUDE" + > Like this post And I'll send it over (must be following so I can DM)
0:19

Claude Code can now watch & analyze ANY video 🤯 I built a skill that gives Claude the ability to watch any video file you drop in — UGC ads, competitor Meta ads, organic TikToks, screen recordings, anything. All inside Claude Code. Perfect for DTC brands and agencies who study competitor creative every week to figure out what's working and what to test next. Here's the problem: If you're studying competitor ads on Meta or hooks on TikTok, you're scrubbing through videos manually, pausing to write down hooks, screenshotting on-screen text, and trying to remember what made the ad land by the time you've watched 10 of them. 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? > Comment "CLAUDE" + > Like this post And I'll send it over (must be following so I can DM)

Mike Futia

35,547 görüntüleme • 2 ay önce

20 days ago, I connected Claude Code to my newly created instagram handle.. I gained 4.3M views and 6500+ followers in less than a month [ i post Ai generated animated stories ] Full workflow: i let claude study my account before i write another reel.. This is the cleanest content workflow i've built on claude. give it your IG first. 4 prompts handle the rest.. niche research, the reel script, the hook, and the daily automation.. the whole loop is basically, give claude your IG → find what's working → write retention-optimized scripts → engineer the hook → automate the daily output.. ▫️ Setup: give claude your instagram open claude code. claude code has a built-in web tool that browses any public URL. or install any agentic browser like Browser Harness or Firecrawl or Comet browser paste this with your handle filled in: "Browse and pull the last 30 reels and posts. Analyze my recurring topics, top-performing hooks, formats, and engagement patterns. Then map out my actual audience and what they consistently respond to." claude reads your profile, pulls every reel down, and now has the context to personalize every prompt below to YOUR account, not a generic niche. if you're on claude desktop, the same works with firecrawl MCP connected. ▫️ Prompt 1 find what actually goes viral in your niche: "Analyze the highest-performing Instagram Reels, TikToks, and Reddit posts in the [niche] niche from the last 30 days. Identify repeating hooks, visual styles, emotional triggers, and content formats that consistently generate high engagement. Then summarize the 5 strongest content angles optimized for AI-generated content and short-form videos." run this after the setup. you get 5 angles backed by what's already working in your niche, cross-checked against what's already working on YOUR account. ▫️ Prompt 2 write a high-retention reel script "Write a short-form Instagram Reel script about [topic] with an aggressive hook in the first 2 seconds. Create immediate curiosity, tension, or controversy to stop scrolling, then deliver a fast and satisfying payoff. Keep it under 30 seconds and optimize the structure for watch time, replays, comments, and shares. Finish with a subtle CTA." the line that matters: "optimize the structure for watch time, replays, comments, and shares." claude writes for the metrics, not just the word count. ▫️ Prompt 3 engineer better hooks "Study the top-performing Reels in [niche] and break down the hook structure, pacing, and emotional triggers used in the first 3 seconds. Then generate 5 new hook variations that are even more curiosity-driven, emotionally charged, and optimized to stop scrolling instantly. Focus on triggers like surprise, fear, ego, urgency, or desire." most reels die in the first 2 seconds. this prompt has claude reverse-engineer what already works, then give you 5 sharper versions to swap in. ▫️ Prompt 4 automate the whole workflow "Build a complete AI-powered content workflow for Instagram in the [niche] niche. The system should identify trending topics daily, generate high-retention scripts, create matching AI visuals, turn them into short-form videos, and generate optimized captions and hashtags. Structure everything as a repeatable workflow designed for consistent daily posting and growth." once the niche and script structure are validated, this turns it into a daily loop. one prompt that handles topic → script → visual → video → caption. these 4 prompts are the building blocks. the setup is what makes them yours. your real value is in the [niche] you plug in. content workflow built in one weekend, daily posting on autopilot from monday.
0:12

20 days ago, I connected Claude Code to my newly created instagram handle.. I gained 4.3M views and 6500+ followers in less than a month [ i post Ai generated animated stories ] Full workflow: i let claude study my account before i write another reel.. This is the cleanest content workflow i've built on claude. give it your IG first. 4 prompts handle the rest.. niche research, the reel script, the hook, and the daily automation.. the whole loop is basically, give claude your IG → find what's working → write retention-optimized scripts → engineer the hook → automate the daily output.. ▫️ Setup: give claude your instagram open claude code. claude code has a built-in web tool that browses any public URL. or install any agentic browser like Browser Harness or Firecrawl or Comet browser paste this with your handle filled in: "Browse and pull the last 30 reels and posts. Analyze my recurring topics, top-performing hooks, formats, and engagement patterns. Then map out my actual audience and what they consistently respond to." claude reads your profile, pulls every reel down, and now has the context to personalize every prompt below to YOUR account, not a generic niche. if you're on claude desktop, the same works with firecrawl MCP connected. ▫️ Prompt 1 find what actually goes viral in your niche: "Analyze the highest-performing Instagram Reels, TikToks, and Reddit posts in the [niche] niche from the last 30 days. Identify repeating hooks, visual styles, emotional triggers, and content formats that consistently generate high engagement. Then summarize the 5 strongest content angles optimized for AI-generated content and short-form videos." run this after the setup. you get 5 angles backed by what's already working in your niche, cross-checked against what's already working on YOUR account. ▫️ Prompt 2 write a high-retention reel script "Write a short-form Instagram Reel script about [topic] with an aggressive hook in the first 2 seconds. Create immediate curiosity, tension, or controversy to stop scrolling, then deliver a fast and satisfying payoff. Keep it under 30 seconds and optimize the structure for watch time, replays, comments, and shares. Finish with a subtle CTA." the line that matters: "optimize the structure for watch time, replays, comments, and shares." claude writes for the metrics, not just the word count. ▫️ Prompt 3 engineer better hooks "Study the top-performing Reels in [niche] and break down the hook structure, pacing, and emotional triggers used in the first 3 seconds. Then generate 5 new hook variations that are even more curiosity-driven, emotionally charged, and optimized to stop scrolling instantly. Focus on triggers like surprise, fear, ego, urgency, or desire." most reels die in the first 2 seconds. this prompt has claude reverse-engineer what already works, then give you 5 sharper versions to swap in. ▫️ Prompt 4 automate the whole workflow "Build a complete AI-powered content workflow for Instagram in the [niche] niche. The system should identify trending topics daily, generate high-retention scripts, create matching AI visuals, turn them into short-form videos, and generate optimized captions and hashtags. Structure everything as a repeatable workflow designed for consistent daily posting and growth." once the niche and script structure are validated, this turns it into a daily loop. one prompt that handles topic → script → visual → video → caption. these 4 prompts are the building blocks. the setup is what makes them yours. your real value is in the [niche] you plug in. content workflow built in one weekend, daily posting on autopilot from monday.

Axel Bitblaze 🪓

199,208 görüntüleme • 1 ay önce

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

41,193 görüntüleme • 1 ay önce

Every serious Claude Code user is using this repo. if you're not, you're leaving 90% of Claude Code's power on the table. It's called claude-code-best-practice - 84 sourced tips, implementation examples for every major feature, workflow comparisons across 8 major repos, and the actual tips from Boris Cherny (creator of Claude Code) compiled in one place. Here's what's actually in it: → 84 tips organized by category -- prompting, planning, CLAUDE.md, agents, commands, skills, hooks, workflows, debugging, utilities, daily habits → best practice + implemented examples for every core concept: subagents, commands, skills, hooks, MCP servers, plugins, settings, memory, checkpointing, CLI flags → workflow comparison table -- Superpowers, BMAD-METHOD, Get Shit Done, OpenSpec, gstack, HumanLayer -- what makes each unique, how many agents/commands/skills each has → orchestration workflow -- Command → Agent → Skill pattern with a live demo → Boris Cherny tips compiled across 3 tweet threads (13 + 10 + 12 tips) and 5 podcast/video appearances → "billion dollar questions" section -- open questions about CLAUDE.md, agents vs commands vs skills, specs -- that nobody has definitively answered yet here's a few of the tips that actually change how you use it: → use subagents with "say use subagents" to throw more compute at a problem -- offload tasks to keep your main context clean → spin up a second Claude to review your plan as a staff engineer before executing → CLAUDE.md should target under 200 lines -- wrap domain-specific rules in ` ` tags so Claude doesn't ignore them as files grow → compress KV context at max 50%, not at the end -- avoid the "agent dumb zone" by doing manual /compact proactively → after a mediocre fix: "knowing everything you know now, scrap this and implement the elegant solution" was #1 trending on GitHub in March 2026. 19.7K GitHub stars. 1.7K forks. MIT license. 100% open source. (link in the comments)
0:14

Every serious Claude Code user is using this repo. if you're not, you're leaving 90% of Claude Code's power on the table. It's called claude-code-best-practice - 84 sourced tips, implementation examples for every major feature, workflow comparisons across 8 major repos, and the actual tips from Boris Cherny (creator of Claude Code) compiled in one place. Here's what's actually in it: → 84 tips organized by category -- prompting, planning, CLAUDE.md, agents, commands, skills, hooks, workflows, debugging, utilities, daily habits → best practice + implemented examples for every core concept: subagents, commands, skills, hooks, MCP servers, plugins, settings, memory, checkpointing, CLI flags → workflow comparison table -- Superpowers, BMAD-METHOD, Get Shit Done, OpenSpec, gstack, HumanLayer -- what makes each unique, how many agents/commands/skills each has → orchestration workflow -- Command → Agent → Skill pattern with a live demo → Boris Cherny tips compiled across 3 tweet threads (13 + 10 + 12 tips) and 5 podcast/video appearances → "billion dollar questions" section -- open questions about CLAUDE.md, agents vs commands vs skills, specs -- that nobody has definitively answered yet here's a few of the tips that actually change how you use it: → use subagents with "say use subagents" to throw more compute at a problem -- offload tasks to keep your main context clean → spin up a second Claude to review your plan as a staff engineer before executing → CLAUDE.md should target under 200 lines -- wrap domain-specific rules in ` ` tags so Claude doesn't ignore them as files grow → compress KV context at max 50%, not at the end -- avoid the "agent dumb zone" by doing manual /compact proactively → after a mediocre fix: "knowing everything you know now, scrap this and implement the elegant solution" was #1 trending on GitHub in March 2026. 19.7K GitHub stars. 1.7K forks. MIT license. 100% open source. (link in the comments)

Sukh Sroay

113,759 görüntüleme • 3 ay önce

A CHINESE GUY STOPPED PAYING WEB DESIGNERS $1,800 PER LANDING PAGE AND BUILT THE SAME KIND OF SITE WITH CLAUDE CODE IN ONE AFTERNOON FOR LESS THAN $70 claude was not just writing code. it was doing the job of a designer, copywriter and frontend dev in one window. in 4 hours, one rough idea turned into the layout, color system, font choices, page sections and the full html/css/js build the real trick was the references. he gave claude 5 screenshots, made it ask 7 questions first, then pushed it toward one clear visual direction instead of accepting another generic ai-looking template the first version already looked solid. the second pass made it feel expensive: better typography, a darker palette, mobile cleanup, cursor effects, 6 micro-interactions and custom hero visuals his old workflow was burning $1,200 on design, $500 on frontend work and another $150 on small fixes every time he needed a new page. now the whole test costs less than $70 and the site still looks like something a $5,000 agency would ship the edge is not “ai builds websites.” the edge is that one person can now brief, critique, polish and launch in one afternoon without waiting 10 days for a designer to send version one
0:10

A CHINESE GUY STOPPED PAYING WEB DESIGNERS $1,800 PER LANDING PAGE AND BUILT THE SAME KIND OF SITE WITH CLAUDE CODE IN ONE AFTERNOON FOR LESS THAN $70 claude was not just writing code. it was doing the job of a designer, copywriter and frontend dev in one window. in 4 hours, one rough idea turned into the layout, color system, font choices, page sections and the full html/css/js build the real trick was the references. he gave claude 5 screenshots, made it ask 7 questions first, then pushed it toward one clear visual direction instead of accepting another generic ai-looking template the first version already looked solid. the second pass made it feel expensive: better typography, a darker palette, mobile cleanup, cursor effects, 6 micro-interactions and custom hero visuals his old workflow was burning $1,200 on design, $500 on frontend work and another $150 on small fixes every time he needed a new page. now the whole test costs less than $70 and the site still looks like something a $5,000 agency would ship the edge is not “ai builds websites.” the edge is that one person can now brief, critique, polish and launch in one afternoon without waiting 10 days for a designer to send version one

Gipp 🦅

295,146 görüntüleme • 1 ay önce

Fable 5 just dropped and someone already built a $10k-looking website with it. Here's the full workflow The smooth scrolling, the animations, the transitions, all built with Fable 5. Here's how to get the same result instead of a generic template. 1. Steal a direction first. Go to Mobbin or Godly and find a site whose feel you love. Screenshot it. Fable copies a vibe far better than it invents one. 2. Grab real components. Pull animation-ready blocks from Aceternity UI or Magic UI. These are built for exactly this look (scroll reveals, parallax, gradients). 3. Prompt Fable with all of it. Switch to Fable 5 in Claude Code, drop in your screenshots and the component references, and describe the sections and scroll behavior you want. Let it plan before it builds. 4. Animate with the right tools. Tell it to use GSAP with ScrollTrigger for scroll effects, or Framer Motion for React. This is what separates "nice" from "$10k." 5. Iterate on feel, not code. Preview it, then give Fable specific notes ("slower fade, more spacing on mobile") until it lands. Bookmark this
0:16

Fable 5 just dropped and someone already built a $10k-looking website with it. Here's the full workflow The smooth scrolling, the animations, the transitions, all built with Fable 5. Here's how to get the same result instead of a generic template. 1. Steal a direction first. Go to Mobbin or Godly and find a site whose feel you love. Screenshot it. Fable copies a vibe far better than it invents one. 2. Grab real components. Pull animation-ready blocks from Aceternity UI or Magic UI. These are built for exactly this look (scroll reveals, parallax, gradients). 3. Prompt Fable with all of it. Switch to Fable 5 in Claude Code, drop in your screenshots and the component references, and describe the sections and scroll behavior you want. Let it plan before it builds. 4. Animate with the right tools. Tell it to use GSAP with ScrollTrigger for scroll effects, or Framer Motion for React. This is what separates "nice" from "$10k." 5. Iterate on feel, not code. Preview it, then give Fable specific notes ("slower fade, more spacing on mobile") until it lands. Bookmark this

Fokki

72,175 görüntüleme • 19 gün önce

a fun workflow for prepping a talk: > record a draft video without a script > have Claude Code turn the video into a Notion page with slides + transcript of what I said > ask people for feedback on the video; Claude processes their notes and attaches things as inline comments in the relevant spots > read through the page, manually edit to refine the wording of what I want to say Crucially, I'm in creative control. AI is *not* writing the talk for me in any way! It's providing tools that make it easier for me to think together with my team. h/t Thariq for inspiration, his video editing workflow got me thinking about how useful coding agents can be for video processing
0:13

a fun workflow for prepping a talk: > record a draft video without a script > have Claude Code turn the video into a Notion page with slides + transcript of what I said > ask people for feedback on the video; Claude processes their notes and attaches things as inline comments in the relevant spots > read through the page, manually edit to refine the wording of what I want to say Crucially, I'm in creative control. AI is *not* writing the talk for me in any way! It's providing tools that make it easier for me to think together with my team. h/t Thariq for inspiration, his video editing workflow got me thinking about how useful coding agents can be for video processing

Geoffrey Litt

55,614 görüntüleme • 22 gün önce

Claude Design is f*cking cracked for landing pages 🤯 Find any competitor's e-com lander → feed it to Claude Design w/ your brand's design system → get back a fully rebuilt version in your brand, your copy, your design. All inside Claude Design. Perfect for DTC brands and agencies who are still paying freelancers to build advertorial pages from scratch. If you're finding landers that have been running on Meta for 6+ months and want to test the same structure for your brand —> Briefing a designer, waiting a week, getting back a flat mockup, giving notes, waiting again... Claude Design eliminates the entire loop: → Use Go Full Pag to screenshot the full competitor lander → Feed it to Claude Design with your design system → Prompt it to extract the exact section structure and rebuild it for your brand → It rewrites all copy, applies your fonts, colors, and layout → Iterate section by section — send a screenshot of what you want to fix, it fixes it → Drop in your product images and founder photos as you go No designer. No back-and-forth briefs. No starting from scratch. What you get: -> Full production-ready lander built around a proven structure that's already converting on Meta -> Live elements (countdown timers, animated sections) auto-generated -> Mobile and desktop versions you can refine with plain-English prompts -> A repeatable system — new competitor, new screenshots, same pipeline I put together a full playbook breaking down the exact process — the prompts, the section-by-section editing approach, and how to set this up for any competitor lander. Want it completely for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)
0:13

Claude Design is f*cking cracked for landing pages 🤯 Find any competitor's e-com lander → feed it to Claude Design w/ your brand's design system → get back a fully rebuilt version in your brand, your copy, your design. All inside Claude Design. Perfect for DTC brands and agencies who are still paying freelancers to build advertorial pages from scratch. If you're finding landers that have been running on Meta for 6+ months and want to test the same structure for your brand —> Briefing a designer, waiting a week, getting back a flat mockup, giving notes, waiting again... Claude Design eliminates the entire loop: → Use Go Full Pag to screenshot the full competitor lander → Feed it to Claude Design with your design system → Prompt it to extract the exact section structure and rebuild it for your brand → It rewrites all copy, applies your fonts, colors, and layout → Iterate section by section — send a screenshot of what you want to fix, it fixes it → Drop in your product images and founder photos as you go No designer. No back-and-forth briefs. No starting from scratch. What you get: -> Full production-ready lander built around a proven structure that's already converting on Meta -> Live elements (countdown timers, animated sections) auto-generated -> Mobile and desktop versions you can refine with plain-English prompts -> A repeatable system — new competitor, new screenshots, same pipeline I put together a full playbook breaking down the exact process — the prompts, the section-by-section editing approach, and how to set this up for any competitor lander. Want it completely for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)

Mike Futia

37,680 görüntüleme • 2 ay önce