Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

CLIENT ASKED 20 YEAR OLD TO BUILD A "SIMPLE" WEBSITE THIS IS WHAT IT DELIVERED most websites look like this: -> Hero section -> Some text -> A few buttons -> Done Claude had other plans Here's what it built: -> Cinematic landing page with immersive animations -> Interactive... particle effects -> Smooth scroll storytelling -> Premium UI inspired by Apple and luxury brands -> Responsive design without sacrificing performance → Production ready code in minutes the crazy part? there was no design agency no frontend team no weeks of back and forth revisions just one prompt and Claude Code while most developers are using AI to autocomplete code others are using it to build experiences that would've taken an entire team the gap isn't AI anymore it is imagination Bookmark this before every website starts looking like thisshow more

0xSlyth

3,967 subscribers

17,945 Aufrufe • vor 3 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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,640 Aufrufe • vor 6 Monaten

FABLE 5 + HIGGSFIELD JUST KILLED THE $35,000 WEB AGENCY. The same animated website that used to cost between $6,000 and $35,000 can now be built in a single session for around $12 in AI credits. Claude Code handles the website. Higgsfield creates the visuals. Together, they can build a complete scroll-driven website from a simple prompt. Claude writes the layout, GSAP ScrollTrigger animations, Lenis smooth scrolling, responsive pages, and checks everything before you ship. Higgsfield generates the hero videos, cinematic transitions, ambient loops, thumbnails, and every visual asset you need. By the end of one session, you have a fully animated website with cinematic motion, smooth scrolling, optimized assets, responsive layouts, and polished visual effects like film grain, particles, vignette, glass cards, and color tints. Getting started only takes a few minutes. Add Higgsfield as an MCP server inside Claude Code, complete the OAuth login once, and Claude can generate and pull videos directly into your project without manually exporting anything. The prompts are simple. Give Claude your project brief and ask it to script the entire scroll experience. Tell it to generate a hero video and supporting clips for every section. Ask it to add the finishing touches like film grain, particles, glass cards, and scroll pacing. Then let it review the site, improve loading speed, fix mobile layouts, and rewrite anything that doesn’t work. This replaces work that usually looks like this: A $6,000-$35,000 web agency. An $800-$2,000 motion designer. A $2,000-$10,000 front-end developer. And weeks of back-and-forth before launch. Now it’s Fable 5, Higgsfield, a subscription, a few dollars in AI credits, and one session. The pipeline used to be the advantage. Now it’s just a prompt. Full breakdown in the article below.

FABLE 5 + HIGGSFIELD JUST KILLED THE $35,000 WEB AGENCY. The same animated website that used to cost between $6,000 and $35,000 can now be built in a single session for around $12 in AI credits. Claude Code handles the website. Higgsfield creates the visuals. Together, they can build a complete scroll-driven website from a simple prompt. Claude writes the layout, GSAP ScrollTrigger animations, Lenis smooth scrolling, responsive pages, and checks everything before you ship. Higgsfield generates the hero videos, cinematic transitions, ambient loops, thumbnails, and every visual asset you need. By the end of one session, you have a fully animated website with cinematic motion, smooth scrolling, optimized assets, responsive layouts, and polished visual effects like film grain, particles, vignette, glass cards, and color tints. Getting started only takes a few minutes. Add Higgsfield as an MCP server inside Claude Code, complete the OAuth login once, and Claude can generate and pull videos directly into your project without manually exporting anything. The prompts are simple. Give Claude your project brief and ask it to script the entire scroll experience. Tell it to generate a hero video and supporting clips for every section. Ask it to add the finishing touches like film grain, particles, glass cards, and scroll pacing. Then let it review the site, improve loading speed, fix mobile layouts, and rewrite anything that doesn’t work. This replaces work that usually looks like this: A $6,000-$35,000 web agency. An $800-$2,000 motion designer. A $2,000-$10,000 front-end developer. And weeks of back-and-forth before launch. Now it’s Fable 5, Higgsfield, a subscription, a few dollars in AI credits, and one session. The pipeline used to be the advantage. Now it’s just a prompt. Full breakdown in the article below.

MIKE

142,931 Aufrufe • vor 2 Monaten

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)

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

59,314 Aufrufe • vor 4 Monaten

MOST PEOPLE WHO BUILD WEBSITES USE CLAUDE CODE THE WRONG WAY A few people train Claude the right way and get the bottom one. The difference is not the model. It is the skills you feed it. Regular Claude without web-design systems produces clean but average product pages. The same Claude, loaded with the right skills, starts delivering sites that look like they cost $5,000. Dark hero. Cinematic pizza shots. Smooth scroll reveals. Menu cards that feel expensive. Zero templates. Those skills are free right now. They live on GitHub. The exact names sit in the article below. One set of prompts. One trained workflow. Suddenly every food brand page you build stops looking like a template and starts looking like money.

Romario

51,349 Aufrufe • vor 1 Monat

MOST PEOPLE WHO BUILD WEBSITES USE CLAUDE CODE THE WRONG WAY A few people train it properly and get the bottom one. The difference is not the model. It is the skills you feed it. Regular Claude without web-design systems produces clean but average product pages. The same Claude, loaded with the right skills, starts delivering sites that look like they cost $5,000. Those skills are free right now. They live on GitHub. The exact names sit in the article below. One set of prompts. One trained workflow. Suddenly every luxury brand page you build stops looking like a template and starts looking like money.

Romario

297,067 Aufrufe • vor 1 Monat

HE DESCRIBED A SITE TO CLAUDE CODE AND WALKED AWAY FOR 8 MINUTES What came back looked like a studio spent weeks on it. The setup that made it work: > Two design skills installed - Claude stops using safe boring defaults. > Visual references instead of text descriptions. > One detailed prompt with the concept, Claude asks clarifying questions before building. First version already solid -> review pass, one batch of fixes, done. What used to take a designer and a developer and several weeks of handoffs now takes a single session and no coding experience. Full walkthrough in the article below ↓

HE DESCRIBED A SITE TO CLAUDE CODE AND WALKED AWAY FOR 8 MINUTES What came back looked like a studio spent weeks on it. The setup that made it work: > Two design skills installed - Claude stops using safe boring defaults. > Visual references instead of text descriptions. > One detailed prompt with the concept, Claude asks clarifying questions before building. First version already solid -> review pass, one batch of fixes, done. What used to take a designer and a developer and several weeks of handoffs now takes a single session and no coding experience. Full walkthrough in the article below ↓

slash1s

53,000 Aufrufe • vor 3 Monaten

STUDIOS QUOTE $35,000 FOR THIS WEBSITE. A FULLY ANIMATED, SCROLL-DRIVEN BUILD - CINEMATIC CLIPS, FILM GRAIN, GLASS CARDS - SHIPPED IN ONE SESSION FOR $12. Scroll it and one question won't leave: did an AI really assemble all of this in a single pass? For studios quoting $35,000 and billing $100-149/hr, that question lands like a verdict. Here's what the page actually runs: → Motion clips generated from 30+ models - not stock, not hand-shot → Scroll animations written automatically - zero hand-coded keyframes → Six cinematic effects baked in with no config: film grain, particles, vignette, glass cards, color tints, scroll pacing What that used to require: → A designer, a motion artist, and a developer → Weeks of handoffs → Six systems wired by hand - GSAP ScrollTrigger, Lenis, frame extraction, asset optimization, layout, copy That pipeline was the moat. It justified the invoice. It just collapsed into Claude Code + Higgsfield running in one pass. The gap nobody wants to say out loud: → Agency build: $6,000-$35,000+ → Real cost now: a Claude sub + a few dollars of credits → Timeline: weeks → a single session Follow me + reply "web-site" to this post and I will send you the step-by-step Playbook 👇

STUDIOS QUOTE $35,000 FOR THIS WEBSITE. A FULLY ANIMATED, SCROLL-DRIVEN BUILD - CINEMATIC CLIPS, FILM GRAIN, GLASS CARDS - SHIPPED IN ONE SESSION FOR $12. Scroll it and one question won't leave: did an AI really assemble all of this in a single pass? For studios quoting $35,000 and billing $100-149/hr, that question lands like a verdict. Here's what the page actually runs: → Motion clips generated from 30+ models - not stock, not hand-shot → Scroll animations written automatically - zero hand-coded keyframes → Six cinematic effects baked in with no config: film grain, particles, vignette, glass cards, color tints, scroll pacing What that used to require: → A designer, a motion artist, and a developer → Weeks of handoffs → Six systems wired by hand - GSAP ScrollTrigger, Lenis, frame extraction, asset optimization, layout, copy That pipeline was the moat. It justified the invoice. It just collapsed into Claude Code + Higgsfield running in one pass. The gap nobody wants to say out loud: → Agency build: $6,000-$35,000+ → Real cost now: a Claude sub + a few dollars of credits → Timeline: weeks → a single session Follow me + reply "web-site" to this post and I will send you the step-by-step Playbook 👇

ZEUS⚡️

57,211 Aufrufe • vor 3 Monaten

FABLE 5 + HIGGSFIELD TURN A $35,000 ANIMATED SITE INTO A ONE-SESSION, $12 BUILD. HERE'S EXACTLY HOW. a studio runs this across four people and three weeks. you run it across one chat window and one afternoon. THE BUILD, STAGE BY STAGE: STAGE 1 - THE CONCEPT Claude reads your brief and scripts the scroll before a line of code exists - what the visitor feels at second 3, 15, 40. prompt: "read this brief. script the scroll beat by beat, then scaffold the project with GSAP ScrollTrigger + Lenis." STAGE 2 - THE VISUALS (Higgsfield) every hero shot, transition, and ambient loop comes out of 30+ generative models - matched to the story, not pulled from a stock library. prompt: "generate the hero sting and one b-roll clip per section. 3-5s, high-res, cinematic." STAGE 3 - THE MOTION (Claude Code) Claude writes the ScrollTrigger timelines and Lenis smooth-scroll, extracts frames, optimizes every asset. zero hand-coded keyframes. prompt: "wire the scroll: pin the hero, scrub the video, reveal each section on scroll. keep it 60fps on mobile." STAGE 4 - THE POLISH six cinematic effects baked in, no config: film grain, particles, vignette, glass cards, color tints, scroll pacing. prompt: "bake in the cinematic layer, then QA load speed, mobile breakpoints, and whether the scroll actually lands - rewrite what doesn't." CONNECT HIGGSFIELD (MCP): add it as a custom connector in Claude Code: mcp_servers: higgsfield: url: " one OAuth flow. Claude generates and pulls clips directly - no exporting by hand. THE MATH: → what a studio charges: $6,000-$35,000+ → what it costs you: a Claude sub + a few dollars of Higgsfield credits → what it takes: 4 people + 3 weeks → 1 operator + 1 session the pipeline was the moat. it just became four prompts. Follow me, comment "MATH" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇

FABLE 5 + HIGGSFIELD TURN A $35,000 ANIMATED SITE INTO A ONE-SESSION, $12 BUILD. HERE'S EXACTLY HOW. a studio runs this across four people and three weeks. you run it across one chat window and one afternoon. THE BUILD, STAGE BY STAGE: STAGE 1 - THE CONCEPT Claude reads your brief and scripts the scroll before a line of code exists - what the visitor feels at second 3, 15, 40. prompt: "read this brief. script the scroll beat by beat, then scaffold the project with GSAP ScrollTrigger + Lenis." STAGE 2 - THE VISUALS (Higgsfield) every hero shot, transition, and ambient loop comes out of 30+ generative models - matched to the story, not pulled from a stock library. prompt: "generate the hero sting and one b-roll clip per section. 3-5s, high-res, cinematic." STAGE 3 - THE MOTION (Claude Code) Claude writes the ScrollTrigger timelines and Lenis smooth-scroll, extracts frames, optimizes every asset. zero hand-coded keyframes. prompt: "wire the scroll: pin the hero, scrub the video, reveal each section on scroll. keep it 60fps on mobile." STAGE 4 - THE POLISH six cinematic effects baked in, no config: film grain, particles, vignette, glass cards, color tints, scroll pacing. prompt: "bake in the cinematic layer, then QA load speed, mobile breakpoints, and whether the scroll actually lands - rewrite what doesn't." CONNECT HIGGSFIELD (MCP): add it as a custom connector in Claude Code: mcp_servers: higgsfield: url: " one OAuth flow. Claude generates and pulls clips directly - no exporting by hand. THE MATH: → what a studio charges: $6,000-$35,000+ → what it costs you: a Claude sub + a few dollars of Higgsfield credits → what it takes: 4 people + 3 weeks → 1 operator + 1 session the pipeline was the moat. it just became four prompts. Follow me, comment "MATH" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇

ZEUS⚡️

47,174 Aufrufe • vor 2 Monaten

I genuinely don't understand why everyone isn't using this yet Andrej Karpathy, a co-founder of OpenAI, posted a simple idea that hit 16 million views: stop using AI to write code, use it to build a second brain. You point Claude Code at a folder, drop in any source, an article, a transcript, a PDF, and Claude reads it, links it, and files it into a living wiki of everything you know. It compounds like interest, the more you feed it, the smarter it gets. Here's the whole thing: > Install Obsidian, create a vault, open it in Claude Code > Paste Karpathy's wiki idea file and tell Claude to build it > Claude makes three folders: raw for sources, wiki for its pages, a CLAUDE.md that runs it > Drop any source into raw and say "ingest this" > Ask questions across everything, forever Five minutes to set up, and you never start from a blank chat again. Full step-by-step guide with Claude and Obsidian, link below. Bookmark this

I genuinely don't understand why everyone isn't using this yet Andrej Karpathy, a co-founder of OpenAI, posted a simple idea that hit 16 million views: stop using AI to write code, use it to build a second brain. You point Claude Code at a folder, drop in any source, an article, a transcript, a PDF, and Claude reads it, links it, and files it into a living wiki of everything you know. It compounds like interest, the more you feed it, the smarter it gets. Here's the whole thing: > Install Obsidian, create a vault, open it in Claude Code > Paste Karpathy's wiki idea file and tell Claude to build it > Claude makes three folders: raw for sources, wiki for its pages, a CLAUDE.md that runs it > Drop any source into raw and say "ingest this" > Ask questions across everything, forever Five minutes to set up, and you never start from a blank chat again. Full step-by-step guide with Claude and Obsidian, link below. Bookmark this

Ridark

7,021,825 Aufrufe • vor 3 Monaten

This $50,000 looking website was built with Claude, the product? A wooden cup coaster. Apple-keynote dark theme with cinematic lighting: ORYZO PRO/PRO MAX configurator, “37.9% more circular” and “Powered by AI” on the homepage, hand holding real wood. Design agencies charge $50,000 minimum for sites this clean, take 8 weeks to deliver and require 6 rounds of revisions before approval. This guy typed prompts and got a launch page that looks better than most real tech companies running real funding rounds. The product is a wooden disc that costs $2 to make, the website looks like it belongs to a $10 billion startup. Claude doesn't care what you're selling, only how good the page can look. The barrier between an idea and an Apple-level launch just dropped to a few prompts. And some people still say, "To run a business, you need money"

This $50,000 looking website was built with Claude, the product? A wooden cup coaster. Apple-keynote dark theme with cinematic lighting: ORYZO PRO/PRO MAX configurator, “37.9% more circular” and “Powered by AI” on the homepage, hand holding real wood. Design agencies charge $50,000 minimum for sites this clean, take 8 weeks to deliver and require 6 rounds of revisions before approval. This guy typed prompts and got a launch page that looks better than most real tech companies running real funding rounds. The product is a wooden disc that costs $2 to make, the website looks like it belongs to a $10 billion startup. Claude doesn't care what you're selling, only how good the page can look. The barrier between an idea and an Apple-level launch just dropped to a few prompts. And some people still say, "To run a business, you need money"

Defileo🔮

315,749 Aufrufe • vor 5 Monaten

A WEB STUDIO CHARGES $35,000 FOR AN ANIMATED SITE. THE SAME BUILD NOW COSTS $12 - CLAUDE CODE WRITES, HIGGSFIELD RENDERS. Every agency billing $100-149/hr is just three departments. Here's each one, collapsed into a single agentic session. SYSTEM 1 - THE MOTION STUDIO (Higgsfield) Cinematic clips pulled from 30+ generative models - hero shots, transitions, ambient loops. → This used to be a motion artist on retainer. Now it's a prompt. SYSTEM 2 - THE DEV TEAM (Claude Code) Scaffolds the site, writes the GSAP ScrollTrigger timelines and Lenis smooth-scroll, extracts frames, optimizes every asset. → A full scroll-driven build with zero hand-coded keyframes. SYSTEM 3 - THE DESIGN DEPT (baked-in cinematic layer) Six effects with no config: film grain, particles, vignette, glass cards, color tints, scroll pacing. → The polish that justified the invoice - now it ships by default. Three departments. One operator. One pass. What used to take a designer, a motion artist, and a developer through weeks of handoffs now runs in a single session - for a Claude subscription and a few dollars of Higgsfield credits. The studio was never the talent. It was the overhead. And the overhead just became three systems. Reply "web-site" to this post and I will send you the step-by-step Playbook 👇

A WEB STUDIO CHARGES $35,000 FOR AN ANIMATED SITE. THE SAME BUILD NOW COSTS $12 - CLAUDE CODE WRITES, HIGGSFIELD RENDERS. Every agency billing $100-149/hr is just three departments. Here's each one, collapsed into a single agentic session. SYSTEM 1 - THE MOTION STUDIO (Higgsfield) Cinematic clips pulled from 30+ generative models - hero shots, transitions, ambient loops. → This used to be a motion artist on retainer. Now it's a prompt. SYSTEM 2 - THE DEV TEAM (Claude Code) Scaffolds the site, writes the GSAP ScrollTrigger timelines and Lenis smooth-scroll, extracts frames, optimizes every asset. → A full scroll-driven build with zero hand-coded keyframes. SYSTEM 3 - THE DESIGN DEPT (baked-in cinematic layer) Six effects with no config: film grain, particles, vignette, glass cards, color tints, scroll pacing. → The polish that justified the invoice - now it ships by default. Three departments. One operator. One pass. What used to take a designer, a motion artist, and a developer through weeks of handoffs now runs in a single session - for a Claude subscription and a few dollars of Higgsfield credits. The studio was never the talent. It was the overhead. And the overhead just became three systems. Reply "web-site" to this post and I will send you the step-by-step Playbook 👇

ZEUS⚡️

175,274 Aufrufe • vor 3 Monaten

MOST PEOPLE WHO BUILD WEBSITES USE CLAUDE THE WRONG WAY A few train it properly and get the bottom one. The difference is not the model. It is the skills you feed it. Regular Claude without design systems produces clean but average product pages. Same model loaded with the right skills starts delivering sites that look like they cost $7,000. Dark garage hero. Black Porsche under spotlights. Compound bottles that feel expensive. Smooth scroll reveals. Zero templates. Those skills are free right now. They live on GitHub. One trained workflow. Suddenly every detailing brand page stops looking like a template and starts looking like money.

Romario

31,599 Aufrufe • vor 1 Monat

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

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 Aufrufe • vor 3 Monaten

my team didn't want me to give this away for free. But I'm going to do it anyway it's the SEO & AI search dashboard I built in Claude Code it connects to your Google Analytics (GA4) and Google Search Console and Claude Code builds it in 5 minutes and I made a Notion document and a skill file so you can build this in Claude Code yourself in literally minutes the dashboard has three tabs: 1. AI Search - How much traffic is coming from ChatGPT, Perplexity, and Gemini ETC. It aggregates the GA4 data and gives single number 2. Paid ads - which keywords rank top 3 for but still pay for ads on, you should cut these to save budget 3. Organic overview - sessions, conversions, top landing pages, demographics. The single view for what is working I built this because this is how I drive our SEO and AEO forward it gives me the insights I need to allocate budget and prioritize what content to work on next I decided to give it away because most companies have no idea AI search is already sending them traffic like this post and comment "AEOdashboard" and I'll send it over

my team didn't want me to give this away for free. But I'm going to do it anyway it's the SEO & AI search dashboard I built in Claude Code it connects to your Google Analytics (GA4) and Google Search Console and Claude Code builds it in 5 minutes and I made a Notion document and a skill file so you can build this in Claude Code yourself in literally minutes the dashboard has three tabs: 1. AI Search - How much traffic is coming from ChatGPT, Perplexity, and Gemini ETC. It aggregates the GA4 data and gives single number 2. Paid ads - which keywords rank top 3 for but still pay for ads on, you should cut these to save budget 3. Organic overview - sessions, conversions, top landing pages, demographics. The single view for what is working I built this because this is how I drive our SEO and AEO forward it gives me the insights I need to allocate budget and prioritize what content to work on next I decided to give it away because most companies have no idea AI search is already sending them traffic like this post and comment "AEOdashboard" and I'll send it over

Cody Schneider

79,779 Aufrufe • vor 4 Monaten

I still don't understand why everyone is not using this yet. Thanks to it, a year ago I increased my income to 17,000 dollars a month Andrey Karpathy, co-founder of OpenAI, published a simple idea that got 16 million views: stop using AI to write code, use it to build a second brain You point Claude Code to a folder, drop any source in there (an article, transcript, PDF) and Claude reads it, links it, and saves it into a living wiki of everything you know. It compounds like interest: the more you feed it, the smarter it gets Here is the gist: Install Obsidian, create a vault, open it in Claude Code Paste the file with Karpathy's wiki idea and tell Claude to build it Claude creates three folders: raw for sources, wiki for its pages, CLAUDE which runs everything Drop any source into raw and say "ingest this" Ask questions across everything, forever Five minutes to set up, and you never start with an empty chat again The full step-by-step guide is in the article. Save to bookmarks

I still don't understand why everyone is not using this yet. Thanks to it, a year ago I increased my income to 17,000 dollars a month Andrey Karpathy, co-founder of OpenAI, published a simple idea that got 16 million views: stop using AI to write code, use it to build a second brain You point Claude Code to a folder, drop any source in there (an article, transcript, PDF) and Claude reads it, links it, and saves it into a living wiki of everything you know. It compounds like interest: the more you feed it, the smarter it gets Here is the gist: Install Obsidian, create a vault, open it in Claude Code Paste the file with Karpathy's wiki idea and tell Claude to build it Claude creates three folders: raw for sources, wiki for its pages, CLAUDE which runs everything Drop any source into raw and say "ingest this" Ask questions across everything, forever Five minutes to set up, and you never start with an empty chat again The full step-by-step guide is in the article. Save to bookmarks

Bober_smart

2,877,633 Aufrufe • vor 1 Monat

‼️found a site that ends AI design slop. superrr is an MCP server that gives your coding agent taste. they measured 132 real landing pages, verified 123 of them and pulled out 17 design directions with exact tokens. the agents still writes the code. superrr picks the direction, hands it the structure then grades what it built by scanning the live page after. no more generic purple gradient landing pages. their landing page was one-shotted with it. three lines to connect to Claude. link:

‼️found a site that ends AI design slop. superrr is an MCP server that gives your coding agent taste. they measured 132 real landing pages, verified 123 of them and pulled out 17 design directions with exact tokens. the agents still writes the code. superrr picks the direction, hands it the structure then grades what it built by scanning the live page after. no more generic purple gradient landing pages. their landing page was one-shotted with it. three lines to connect to Claude. link:

sui

25,411 Aufrufe • vor 1 Monat

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.

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 Aufrufe • vor 3 Monaten

this is f**king dangerous Most people treat Claude like a search bar. The ones with a second brain treat it as an intelligence layer on everything they know. Here's the 15-minute setup: → Install Claude Code → Install Obsidian, create a vault → Open it in Claude Code, drop in the CLAUDE.md schema — that one file is the engine → Throw any source in, say "ingest this" Done. From then on, everything you know is queryable by the most capable AI on earth. Claude wires each source against your whole vault and surfaces connections you forgot you had. Build it tonight. full A–Z guide below.

this is f**king dangerous Most people treat Claude like a search bar. The ones with a second brain treat it as an intelligence layer on everything they know. Here's the 15-minute setup: → Install Claude Code → Install Obsidian, create a vault → Open it in Claude Code, drop in the CLAUDE.md schema — that one file is the engine → Throw any source in, say "ingest this" Done. From then on, everything you know is queryable by the most capable AI on earth. Claude wires each source against your whole vault and surfaces connections you forgot you had. Build it tonight. full A–Z guide below.

Kirill

19,471 Aufrufe • vor 2 Monaten

People still don't understand how good Codex has become 👀 I asked it to build this Starbucks website and within some 30 minutes it generated this without me touching a single line of code or spending time looking for assets either. Imagen generated every visual and GPT hooked everything into the codebase. After a couple of small tweaks it all just worked. It didn't even use half of my Codex session. It's super surprising to see quality of the assets. Was way better than I expected. That made me think about what AI is actually changing. Being a developer or a designer was never just about doing the work, writing code or designing it using some kind of tool. It was about knowing what to build in the first place. AI is getting incredibly good at the doing. The hard part is still having good ideas, making the right decisions, and knowing when something feels right. That is only getting more valuable. The people who win won't be the ones writing the most code. They'll be the ones with the best ideas who know how to turn them into reality with AI. Live: Code:

People still don't understand how good Codex has become 👀 I asked it to build this Starbucks website and within some 30 minutes it generated this without me touching a single line of code or spending time looking for assets either. Imagen generated every visual and GPT hooked everything into the codebase. After a couple of small tweaks it all just worked. It didn't even use half of my Codex session. It's super surprising to see quality of the assets. Was way better than I expected. That made me think about what AI is actually changing. Being a developer or a designer was never just about doing the work, writing code or designing it using some kind of tool. It was about knowing what to build in the first place. AI is getting incredibly good at the doing. The hard part is still having good ideas, making the right decisions, and knowing when something feels right. That is only getting more valuable. The people who win won't be the ones writing the most code. They'll be the ones with the best ideas who know how to turn them into reality with AI. Live: Code:

The Bugged Dev

60,699 Aufrufe • vor 3 Monaten