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.

This week in Osmo in Use, we’re featuring Get Hyped, build by Dylan Brouwer and Kevin Masselink. Here’s what he used: 1. Play Video on Hover (Lazy) 2. Live Form Validation (Advanced) 3. Osmo Scaling System 4. Dynamic Current Year 5. Lenis Smooth Scroll Setup

Osmo

2,914 subscribers

12,720 Aufrufe • vor 10 Monaten •via X (Twitter)

Wissenschaft & Technologie Bildung

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

🏆 Announcing the winner of our Osmo Loading-Animation Challenge! Congratulations to ivor ! Using a gauge cluster for the loading progress is so creative, and the layout that it reveals (in a very smooth way) is chef’s kiss ✨ Enjoy your 1 year Osmo Membership + 1 year Webflow CMS siteplan! And then our 5 honorable mentions go to: 1. Eduard Bodak 2. Victor Work 3. BL/S® 4. Hussain Ali 5. @dutta__s Honestly it was an incredibly hard pick and we’re surprised how many of you freed up some time in your calendar this past week to participate. We appreciate everyone that participated, we’ll hopefully see your entries in a future challenge!

🏆 Announcing the winner of our Osmo Loading-Animation Challenge! Congratulations to ivor ! Using a gauge cluster for the loading progress is so creative, and the layout that it reveals (in a very smooth way) is chef’s kiss ✨ Enjoy your 1 year Osmo Membership + 1 year Webflow CMS siteplan! And then our 5 honorable mentions go to: 1. Eduard Bodak 2. Victor Work 3. BL/S® 4. Hussain Ali 5. @dutta__s Honestly it was an incredibly hard pick and we’re surprised how many of you freed up some time in your calendar this past week to participate. We appreciate everyone that participated, we’ll hopefully see your entries in a future challenge!

Osmo

17,172 Aufrufe • vor 1 Jahr

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 1 Monat

FABLE 5 + HIGGSFIELD CAN BUILD A $35,000 ANIMATED WEBSITE. IN ONE AGENTIC SESSION. FOR ~$12 IN CREDITS. stop paying a web studio $6,000-$35,000. stop wiring GSAP, Lenis, and frame extraction by hand. Claude Code writes it. Higgsfield renders it. WHAT THE BUILD PRODUCES: → a fully animated, scroll-driven site → cinematic motion clips from 30+ generative models → GSAP ScrollTrigger timelines - zero hand-coded keyframes → Lenis smooth-scroll, tuned pacing → automated frame extraction + asset optimization → six cinematic effects baked in: film grain, particles, vignette, glass cards, color tints, scroll pacing → responsive layout + copy THE STACK: → Claude Code - concept, scaffolding, scroll code, QA → Higgsfield (MCP) - hero clips, transitions, ambient loops, thumbnails → GSAP + Lenis - the motion layer, written for you CONNECT HIGGSFIELD (MCP): add it as a custom connector in Claude Code: mcp_servers: higgsfield: url: " one OAuth flow. done. now Claude can generate and pull clips directly - no manual exporting. WHAT TO PROMPT: concept + scroll: "read this brief, script the scroll - what the visitor feels at second 3, 15, 40. scaffold the site with GSAP ScrollTrigger + Lenis." motion assets: "generate the hero sting and one b-roll clip per section from the story. 3–5s, high-res." polish pass: "bake in film grain, particles, vignette, glass cards, color tints, scroll pacing. no config." QA: "check load speed, mobile breakpoints, and whether the scroll actually lands. rewrite whatever doesn't." WHAT THIS REPLACES: → web studio build: $6,000-$35,000+ → motion artist: $800-2,000/project → front-end dev: $2,000-10,000/project → weeks of handoffs: gone Fable 5 + Higgsfield: a subscription + a few dollars of credits. one session. SETUP IN 10 MINUTES: - install Claude Code - add the Higgsfield MCP + authenticate - drop your brief + references - let it scaffold, generate, and animate in one pass - preview, send fixes in plain English, ship the pipeline was the moat. it just became a prompt. Follow me, comment "WEB" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇

FABLE 5 + HIGGSFIELD CAN BUILD A $35,000 ANIMATED WEBSITE. IN ONE AGENTIC SESSION. FOR ~$12 IN CREDITS. stop paying a web studio $6,000-$35,000. stop wiring GSAP, Lenis, and frame extraction by hand. Claude Code writes it. Higgsfield renders it. WHAT THE BUILD PRODUCES: → a fully animated, scroll-driven site → cinematic motion clips from 30+ generative models → GSAP ScrollTrigger timelines - zero hand-coded keyframes → Lenis smooth-scroll, tuned pacing → automated frame extraction + asset optimization → six cinematic effects baked in: film grain, particles, vignette, glass cards, color tints, scroll pacing → responsive layout + copy THE STACK: → Claude Code - concept, scaffolding, scroll code, QA → Higgsfield (MCP) - hero clips, transitions, ambient loops, thumbnails → GSAP + Lenis - the motion layer, written for you CONNECT HIGGSFIELD (MCP): add it as a custom connector in Claude Code: mcp_servers: higgsfield: url: " one OAuth flow. done. now Claude can generate and pull clips directly - no manual exporting. WHAT TO PROMPT: concept + scroll: "read this brief, script the scroll - what the visitor feels at second 3, 15, 40. scaffold the site with GSAP ScrollTrigger + Lenis." motion assets: "generate the hero sting and one b-roll clip per section from the story. 3–5s, high-res." polish pass: "bake in film grain, particles, vignette, glass cards, color tints, scroll pacing. no config." QA: "check load speed, mobile breakpoints, and whether the scroll actually lands. rewrite whatever doesn't." WHAT THIS REPLACES: → web studio build: $6,000-$35,000+ → motion artist: $800-2,000/project → front-end dev: $2,000-10,000/project → weeks of handoffs: gone Fable 5 + Higgsfield: a subscription + a few dollars of credits. one session. SETUP IN 10 MINUTES: - install Claude Code - add the Higgsfield MCP + authenticate - drop your brief + references - let it scaffold, generate, and animate in one pass - preview, send fixes in plain English, ship the pipeline was the moat. it just became a prompt. Follow me, comment "WEB" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇

ZEUS⚡️

566,344 Aufrufe • vor 1 Monat

7. Learning new skills or mastering a new subject Mega prompt: You are an expert educator specializing in [SUBJECT AREA]. Create a personalized learning plan for mastering [SKILL] in [TIMEFRAME]. My current level: [BEGINNER/INTERMEDIATE/ADVANCED] My goal: [WHAT I WANT TO ACHIEVE] Time available: [HOURS PER WEEK] Learning style: [HANDS-ON/READING/VIDEO/MIXED] Provide: 1. Learning roadmap with clear milestones 2. Week-by-week curriculum 3. Resources (free and paid) with links 4. Practice projects that build real skills 5. Common pitfalls and how to avoid them 6. Ways to validate learning (tests, projects, certifications) 7. 5 specific exercises I can do today Make it practical. I want to DO things, not just consume content. Context: [WHY YOU'RE LEARNING THIS, YOUR BACKGROUND]

7. Learning new skills or mastering a new subject Mega prompt: You are an expert educator specializing in [SUBJECT AREA]. Create a personalized learning plan for mastering [SKILL] in [TIMEFRAME]. My current level: [BEGINNER/INTERMEDIATE/ADVANCED] My goal: [WHAT I WANT TO ACHIEVE] Time available: [HOURS PER WEEK] Learning style: [HANDS-ON/READING/VIDEO/MIXED] Provide: 1. Learning roadmap with clear milestones 2. Week-by-week curriculum 3. Resources (free and paid) with links 4. Practice projects that build real skills 5. Common pitfalls and how to avoid them 6. Ways to validate learning (tests, projects, certifications) 7. 5 specific exercises I can do today Make it practical. I want to DO things, not just consume content. Context: [WHY YOU'RE LEARNING THIS, YOUR BACKGROUND]

Louis Gleeson

143,922 Aufrufe • vor 8 Monaten

Your Glassdoor rating is 3.2 and you have no idea why. Perplexity Computer can tell you in 60 seconds: 1. "Analyze our Glassdoor and Indeed reviews from the past year — identify the top 5 themes by sentiment" 2. "Compare our employer ratings against 5 competitors in our space" 3. "Draft 3 improved job descriptions that address the top candidate concerns" 4. "Build an employer brand messaging guide based on what current employees value most" 5. "Create a 30-day employer brand improvement plan with measurable milestones" Real reviews. Real patterns. Real action plan.

Onil Coder

27,363 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⚡️

174,092 Aufrufe • vor 2 Monaten

Mission #4: Time to get creative 🎨 How to join in: 1) Like, RT, and comment on this post 2) Use OUR LOGO to make anything - meme it, remix it, slap it on a dinosaur 🦖 (Don’t worry if the logo is a bit off, just share it with us anyway) 3) Drop your creation via Google Form : We’ll pick our top 20 favorites. Winner announced in 48 hours! If you need some inspo, here’s what we made👇

Radius

23,611 Aufrufe • vor 1 Jahr

Month 1: $0 Month 2: $0 Month 3: $205 Month 4: 50,532 This is what actually happens when you stop overthinking and start a faceless YouTube channel the right way. Most people quit in the first 60 days because they see zero results and assume it doesn’t work. But the ones who push through the first two months with consistency usually see their first real payout in month 3. Here’s the simple system that makes this possible: Step 1: Pick one proven niche (history, facts, motivation, or luxury) and stick to it. Step 2: Use AI to generate 30 video ideas in one sitting so you never run out of content. Step 3: Outsource or use AI to create the videos (script + voice + editing) so you can upload consistently without burning out. Step 4: Upload 3–5 videos per week and stay consistent for 90 days without checking analytics every day. The first two months are almost always quiet. The third month is where most people either quit or finally get paid. If you’re willing to be patient for 90 days, this model still works extremely well in 2026. Watch the full breakdown in the video.

Month 1: $0 Month 2: $0 Month 3: $205 Month 4: 50,532 This is what actually happens when you stop overthinking and start a faceless YouTube channel the right way. Most people quit in the first 60 days because they see zero results and assume it doesn’t work. But the ones who push through the first two months with consistency usually see their first real payout in month 3. Here’s the simple system that makes this possible: Step 1: Pick one proven niche (history, facts, motivation, or luxury) and stick to it. Step 2: Use AI to generate 30 video ideas in one sitting so you never run out of content. Step 3: Outsource or use AI to create the videos (script + voice + editing) so you can upload consistently without burning out. Step 4: Upload 3–5 videos per week and stay consistent for 90 days without checking analytics every day. The first two months are almost always quiet. The third month is where most people either quit or finally get paid. If you’re willing to be patient for 90 days, this model still works extremely well in 2026. Watch the full breakdown in the video.

Frogify

45,774 Aufrufe • vor 2 Monaten

When I hear the Creator Economy is set to hit $500 BILLION by 2027… 💅🏾 Baby, I’m snatching every coin that’s got my name on it! 💰✨ And guess what? You can learn how to do the SAME from me and my team during my upcoming 5 Day Live Mentorship starting next week. 🚨 Join me and @therealtsmadison for the Creator Income Code 5-Day LIVE Mentorship – August 11–15. We’re talking REAL strategies to help you build the bag AND keep it. Don’t let this $500B wave pass you by – get in the room! Go to or the link in bio to lock in your spot now!”

When I hear the Creator Economy is set to hit $500 BILLION by 2027… 💅🏾 Baby, I’m snatching every coin that’s got my name on it! 💰✨ And guess what? You can learn how to do the SAME from me and my team during my upcoming 5 Day Live Mentorship starting next week. 🚨 Join me and @therealtsmadison for the Creator Income Code 5-Day LIVE Mentorship – August 11–15. We’re talking REAL strategies to help you build the bag AND keep it. Don’t let this $500B wave pass you by – get in the room! Go to or the link in bio to lock in your spot now!”

Ts Madison

78,378 Aufrufe • vor 1 Jahr

GAME-ENDING TRIPLE PLAY WITH THE TYING RUN ON BASE Final: South Central Regional #2 (Game 1) Angelo State Rams Baseball 7, West Texas A&M 4 Tripp Clark - 2/4, HR, 3 RBI (3 run home run in the top of the 7th inning to give them the lead) Conagher Sands - 1/5, 2B, 2 RBI. Caleb Heuertz gets his 7th save going 1.2 IP and not allowing a run. The first game-ending triple play in Angelo State history, according to coach Kevin Brooks on the postgame show. He would know, as someone who started this program in 2005. A strong start in the regional for the Defending National Champs as the Rams will play tomorrow, and WTAMU will now take on host Colorado Mesa in an elimination game for them. Lone Star Conference #D2Baseball

GAME-ENDING TRIPLE PLAY WITH THE TYING RUN ON BASE Final: South Central Regional #2 (Game 1) Angelo State Rams Baseball 7, West Texas A&M 4 Tripp Clark - 2/4, HR, 3 RBI (3 run home run in the top of the 7th inning to give them the lead) Conagher Sands - 1/5, 2B, 2 RBI. Caleb Heuertz gets his 7th save going 1.2 IP and not allowing a run. The first game-ending triple play in Angelo State history, according to coach Kevin Brooks on the postgame show. He would know, as someone who started this program in 2005. A strong start in the regional for the Defending National Champs as the Rams will play tomorrow, and WTAMU will now take on host Colorado Mesa in an elimination game for them. Lone Star Conference #D2Baseball

D2 Baseball

18,672 Aufrufe • vor 2 Jahren

THIS GUY JUST REBUILT A $35,000 ANIMATED SITE FOR $12. IF YOU RUN A WEB STUDIO, YOU SHOULD PROBABLY KEEP SCROLLING. Every agency billing $100-149/hr is selling you five departments wearing one invoice. Here’s each one - collapsed into a single agentic session. LAYER 1 - THE CONCEPT ROOM (Claude) Reads the brief, pulls references, and scripts the scroll: what the visitor feels at second 3, second 15, second 40. → Used to be a strategist and a wall of mood boards. Now it’s a conversation. LAYER 2 - THE MOTION STUDIO (Higgsfield) Cinematic clips from 30+ generative models - hero shots, transitions, ambient loops - all matched to the story from Layer 1. → Used to be a motion artist on retainer. Now it’s a prompt. LAYER 3 - 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. LAYER 4 - THE DESIGN DEPT (baked-in cinematic layer) Six effects, zero config: film grain, particles, vignette, glass cards, color tints, scroll pacing. → The polish that justified the invoice - now it ships by default. LAYER 5 - THE QA PASS (Claude) Checks load speed, mobile breakpoints, and whether the scroll actually lands - then rewrites whatever doesn’t. → Used to be a client call and a revision cycle. Now it’s one more turn in the same session. Five departments. One operator. One pass. A strategist, a motion artist, a developer, a designer, and a QA lead - weeks of handoffs - now run in a single session. For a Claude subscription and a few dollars of Higgsfield credits. The studio was never selling talent. It was selling overhead. And the overhead just became five layers. Follow me, reply “website” to this post and I will send you the step-by-step Playbook 👇

THIS GUY JUST REBUILT A $35,000 ANIMATED SITE FOR $12. IF YOU RUN A WEB STUDIO, YOU SHOULD PROBABLY KEEP SCROLLING. Every agency billing $100-149/hr is selling you five departments wearing one invoice. Here’s each one - collapsed into a single agentic session. LAYER 1 - THE CONCEPT ROOM (Claude) Reads the brief, pulls references, and scripts the scroll: what the visitor feels at second 3, second 15, second 40. → Used to be a strategist and a wall of mood boards. Now it’s a conversation. LAYER 2 - THE MOTION STUDIO (Higgsfield) Cinematic clips from 30+ generative models - hero shots, transitions, ambient loops - all matched to the story from Layer 1. → Used to be a motion artist on retainer. Now it’s a prompt. LAYER 3 - 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. LAYER 4 - THE DESIGN DEPT (baked-in cinematic layer) Six effects, zero config: film grain, particles, vignette, glass cards, color tints, scroll pacing. → The polish that justified the invoice - now it ships by default. LAYER 5 - THE QA PASS (Claude) Checks load speed, mobile breakpoints, and whether the scroll actually lands - then rewrites whatever doesn’t. → Used to be a client call and a revision cycle. Now it’s one more turn in the same session. Five departments. One operator. One pass. A strategist, a motion artist, a developer, a designer, and a QA lead - weeks of handoffs - now run in a single session. For a Claude subscription and a few dollars of Higgsfield credits. The studio was never selling talent. It was selling overhead. And the overhead just became five layers. Follow me, reply “website” to this post and I will send you the step-by-step Playbook 👇

ZEUS⚡️

141,226 Aufrufe • vor 1 Monat

FABLE 5 + HIGGSFIELD BUILD $35K SITES FOR ~$27. BUT EVERYONE HIDES THE 4 THINGS THAT BREAK. HERE THEY ARE - WITH THE FIX. everyone shows the finished build. nobody shows where it breaks on the way there. this is what actually goes wrong, and how to fix each one: → BREAK 1: the clips look generic fix: never prompt "cinematic hero video." give Higgsfield the exact beat - "a slow push through fog as the logo resolves." specificity is the whole game. → BREAK 2: the scroll janks on mobile fix: tell Claude to scrub a compressed video, not full-res, and cap ScrollTrigger to 60fps. Lenis + will-change, never raw scroll listeners. → BREAK 3: it loads like molasses fix: one line - "extract frames, convert to WebP, lazy-load everything below the fold." a heavy hero is what kills these builds. → BREAK 4: the polish reads fake fix: film grain, bloom, vignette at 10-15% - not 100%. subtle reads $35k. cranked reads AI slop. taste is the dial. get those four right and nobody can tell it wasn't a studio. 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 tools ship the site in an hour. these four fixes are what make it look like it took a month. Follow me, reply "BRAKE" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇

ZEUS⚡️

11,765 Aufrufe • vor 1 Monat

WHEN FABLE 5 + HIGGSFIELD FINISH A $35K SITE, HERE'S EVERYTHING THAT'S ACTUALLY IN THE FOLDER. no mockups, no "phase 2 next week." this is what ships - ready to hand a client: → the live site a scroll-driven build - GSAP ScrollTrigger + Lenis, pinned sections, scrubbed video, zero hand-coded keyframes. → the footage (yours to keep) a hero clip + one b-roll per section, generated in Higgsfield from 30+ models. not licensed stock - owned outright. → the optimized assets frames extracted, converted to WebP, lazy-loaded. loads instant, even on mobile. → the cinematic layer film grain, particles, vignette, glass cards, color tints - baked in, no plugins, no designer. → copy + responsive layout section copy drafted, breakpoints handled, mobile-tuned. that's the full studio deliverable. minus the studio, minus the month, minus the invoice. 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 agencies sold you the folder. they just took a month and $35k to fill it. Follow me, reply "FOLDER" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇

WHEN FABLE 5 + HIGGSFIELD FINISH A $35K SITE, HERE'S EVERYTHING THAT'S ACTUALLY IN THE FOLDER. no mockups, no "phase 2 next week." this is what ships - ready to hand a client: → the live site a scroll-driven build - GSAP ScrollTrigger + Lenis, pinned sections, scrubbed video, zero hand-coded keyframes. → the footage (yours to keep) a hero clip + one b-roll per section, generated in Higgsfield from 30+ models. not licensed stock - owned outright. → the optimized assets frames extracted, converted to WebP, lazy-loaded. loads instant, even on mobile. → the cinematic layer film grain, particles, vignette, glass cards, color tints - baked in, no plugins, no designer. → copy + responsive layout section copy drafted, breakpoints handled, mobile-tuned. that's the full studio deliverable. minus the studio, minus the month, minus the invoice. 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 agencies sold you the folder. they just took a month and $35k to fill it. Follow me, reply "FOLDER" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇

ZEUS⚡️

20,842 Aufrufe • vor 1 Monat

004/100 Buttons. A bit of the process on building an animation. When looking at a finished animation or in this example a finished button, it can look quite complex inside the CSS. But when building it, it’s more like a lot of simple steps, one after another. Here I had the idea to make some kind of text animation like the footer logo on the Osmo site. I try to add the base animation with no complex easing, for example transition: translate 0.4s ease. Starting with just moving the one text from bottom to top and the other text to top. Adding a stagger, play around with it. Searching for a way to make it more circular. On the research I found the sin() function inside CSS which can build a more smooth non linear curve for the stagger which creates this circular effect. And step by step adding more complexity like, different easing for hover/hover-out, opacity, 3D transform and more. I use also the sin() function to rotate the letters, so the middle ones are getting more rotated than the outer ones. Another thing which helps is to add a small delay on hover, for example 0.05s or 0.1s, you don’t really see the difference, but when you hover pretty fast on and out it doesn’t get that jumpy. I’m using here GSAP’s SplitText to split every char into spans. And then I’m adding a CSS index variable to every span, starting from the center. SplitText can provide CSS index variables, but you cannot tell it from which direction. For the sin() it’s also important to have a max length, so I add another CSS variable with the max char number on it. Crafting 100 Buttons with Osmo ⏳ Total time: 63h

Eduard Bodak

166,023 Aufrufe • vor 3 Monaten

FABLE 5 + HIGGSFIELD BUILT A $35,000 ANIMATED SITE IN 50 MINUTES FOR $27 IN CREDITS. HERE'S THE ACTUAL RECEIPT. no theory. this is the play-by-play from the last one I shipped: → 0:00 - brief + scroll concept (Claude) 4 min. $0. it reads the brief and scripts what the visitor feels at second 3, 15, 40. → 0:04 - hero clip + b-roll (Higgsfield) 9 min. ~$27 in credits. cinematic footage from 30+ models, matched to the story. → 0:13 - the build (Claude Code) 20 min. $0. GSAP ScrollTrigger + Lenis, frame extraction, asset optimization. zero hand-coded keyframes. → 0:33 - cinematic layer 6 min. $0. film grain, particles, vignette, glass cards, color tints - baked in, no config. → 0:39 - QA + copy + mobile 12 min. $0. checks load speed, breakpoints, whether the scroll lands. rewrites what doesn't. TOTAL: ~51 minutes. ~$27 in credits. 1 operator. the same brief at a studio: 4 people, 3 weeks, $6,000-$35,000. same deliverable. 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 invoice was never the work. now you can literally time the work. Follow me, reply "RECEIPT" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇

FABLE 5 + HIGGSFIELD BUILT A $35,000 ANIMATED SITE IN 50 MINUTES FOR $27 IN CREDITS. HERE'S THE ACTUAL RECEIPT. no theory. this is the play-by-play from the last one I shipped: → 0:00 - brief + scroll concept (Claude) 4 min. $0. it reads the brief and scripts what the visitor feels at second 3, 15, 40. → 0:04 - hero clip + b-roll (Higgsfield) 9 min. ~$27 in credits. cinematic footage from 30+ models, matched to the story. → 0:13 - the build (Claude Code) 20 min. $0. GSAP ScrollTrigger + Lenis, frame extraction, asset optimization. zero hand-coded keyframes. → 0:33 - cinematic layer 6 min. $0. film grain, particles, vignette, glass cards, color tints - baked in, no config. → 0:39 - QA + copy + mobile 12 min. $0. checks load speed, breakpoints, whether the scroll lands. rewrites what doesn't. TOTAL: ~51 minutes. ~$27 in credits. 1 operator. the same brief at a studio: 4 people, 3 weeks, $6,000-$35,000. same deliverable. 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 invoice was never the work. now you can literally time the work. Follow me, reply "RECEIPT" and I'll send you the full step-by-step Playbook. full breakdown in the article 👇

ZEUS⚡️

31,502 Aufrufe • vor 1 Monat

Almost every brand I’ve talked to has asked me about showing up in LLM answers. Here’s what matters most: 1. Mentions → Does AI actually bring up your brand? 2. Sentiment → When it does… is it positive or negative? 3. Citations → Are you being referenced as a source? You can win in traffic and still lose here. So what actually moves this? 1. Visibility across AI platforms (ChatGPT, Perplexity, Gemini, etc.) 2. Site structure that machines can understand (not just humans) 3. Content designed to answer questions (not just rank for keywords) 4. Trust signals across the internet (reviews, mentions, third-party validation) We’re early, but the data is already clear. AI-attributed commerce is growing fast, and this is only going to compound. You can treat this like SEO in 2012. Or you can get ahead of it now. We put everything we’re seeing into an AI visibility playbook for ecommerce brands. Worth a read if you care about how customers will find you next.

Maxx Blank 🐳

812,417 Aufrufe • vor 4 Monaten

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 1 Monat

HE BUILT A 100% PRIVATE SECOND BRAIN IN OBSIDIAN TO AUTOMATE HIS RESEARCH USING HERMES AGENT AND NOTEBOOKLM He visualizes his entire knowledge graph on-premise without paying for cloud subscriptions By connecting Hermes Agent and NotebookLM, developers can index hundreds of documents and generate content locally Four components of this local knowledge architecture: 1. Memory layer - set up an Obsidian PARA vault to store markdown notes and profiles 2. Agent layer - connect Hermes Agent to write files and run background scripts 3. Synthesis layer - use NotebookLM to create structured overviews from raw transcripts 4. Automation layer - trigger cron tasks to synchronize files and calendar standups The setup saves over $4,000 annually while keeping all private files offline Get the full step-by-step configuration guide and setup commands in the article below ↓

HE BUILT A 100% PRIVATE SECOND BRAIN IN OBSIDIAN TO AUTOMATE HIS RESEARCH USING HERMES AGENT AND NOTEBOOKLM He visualizes his entire knowledge graph on-premise without paying for cloud subscriptions By connecting Hermes Agent and NotebookLM, developers can index hundreds of documents and generate content locally Four components of this local knowledge architecture: 1. Memory layer - set up an Obsidian PARA vault to store markdown notes and profiles 2. Agent layer - connect Hermes Agent to write files and run background scripts 3. Synthesis layer - use NotebookLM to create structured overviews from raw transcripts 4. Automation layer - trigger cron tasks to synchronize files and calendar standups The setup saves over $4,000 annually while keeping all private files offline Get the full step-by-step configuration guide and setup commands in the article below ↓

marfin

20,684 Aufrufe • vor 2 Monaten

MLP in PyTorch by hand ✍️ ~ 7 steps walkthrough below Goal: fill in every blank in the PyTorch code to build a multi-layer perceptron. 1. Given Let us start with a code template on the left and the network it is supposed to build on the right. Every blank in the code can be worked out from the picture. 2. Linear layer We count: 3 features in, 4 features out. So the weight matrix is 4 by 3. There is an extra column for the biases, which means bias = T. 3. ReLU Let us apply the activation. ReLU crosses out the negatives, so -1 becomes 0. 4. Linear layer The input size is 4, because that is what the previous layer put out. The output size is 2. A 2 by 4 weight matrix, and this time no extra column, so bias = F. 5. ReLU We cross out the negatives again. 6. Linear layer Two features in, five out. A 5 by 2 weight matrix, with a bias column, so bias = T. 7. Sigmoid Let us finish. Sigmoid squashes the raw scores (3, 0, -2, 5, -5) into probabilities between 0 and 1. You have just implemented a three-layer deep neural network by hand. ✍️ == Story == Three years ago I gave this exercise to my students, to connect the code to the math. They found it odd. Every other AI course they were taking lived inside a Jupyter notebook, and here I was handing out paper. Three years later, my colleagues are the ones rushing to move their materials to paper. The exercise has not changed. Paper still asks the one thing a notebook lets you skip: do you actually understand what the code is doing? If you can tell me why the weight matrix is 4 by 3, and why bias is F on the second layer, you understand nn.Linear better than someone who has been copy-pasting it for a year. 💾 Save this post! #AIbyHand #PyTorch #DeepLearning

MLP in PyTorch by hand ✍️ ~ 7 steps walkthrough below Goal: fill in every blank in the PyTorch code to build a multi-layer perceptron. 1. Given Let us start with a code template on the left and the network it is supposed to build on the right. Every blank in the code can be worked out from the picture. 2. Linear layer We count: 3 features in, 4 features out. So the weight matrix is 4 by 3. There is an extra column for the biases, which means bias = T. 3. ReLU Let us apply the activation. ReLU crosses out the negatives, so -1 becomes 0. 4. Linear layer The input size is 4, because that is what the previous layer put out. The output size is 2. A 2 by 4 weight matrix, and this time no extra column, so bias = F. 5. ReLU We cross out the negatives again. 6. Linear layer Two features in, five out. A 5 by 2 weight matrix, with a bias column, so bias = T. 7. Sigmoid Let us finish. Sigmoid squashes the raw scores (3, 0, -2, 5, -5) into probabilities between 0 and 1. You have just implemented a three-layer deep neural network by hand. ✍️ == Story == Three years ago I gave this exercise to my students, to connect the code to the math. They found it odd. Every other AI course they were taking lived inside a Jupyter notebook, and here I was handing out paper. Three years later, my colleagues are the ones rushing to move their materials to paper. The exercise has not changed. Paper still asks the one thing a notebook lets you skip: do you actually understand what the code is doing? If you can tell me why the weight matrix is 4 by 3, and why bias is F on the second layer, you understand nn.Linear better than someone who has been copy-pasting it for a year. 💾 Save this post! #AIbyHand #PyTorch #DeepLearning

Tom Yeh

13,318 Aufrufe • vor 1 Monat

🚨 If anyone’s upset that we get information first in the world, I get it, but this is real demand 1.Rashford was 7k before the Evo. 2.Rose to 27k during the hype. 3.On Friday, we got 2x100k packs + people sold at the same time, causing a dip to 15k. 4. He recovered to 20k. 5. Dropped again to 17k during Squad Battles rewards. 6. Now back to 24k because of real demand. 🚨Last year we didn't leak Rashford first evolution and we posted on discord at exact 6PM. He went over 21k. Use your brain.

🚨 If anyone’s upset that we get information first in the world, I get it, but this is real demand 1.Rashford was 7k before the Evo. 2.Rose to 27k during the hype. 3.On Friday, we got 2x100k packs + people sold at the same time, causing a dip to 15k. 4. He recovered to 20k. 5. Dropped again to 17k during Squad Battles rewards. 6. Now back to 24k because of real demand. 🚨Last year we didn't leak Rashford first evolution and we posted on discord at exact 6PM. He went over 21k. Use your brain.

FUT POLICE LEAKS

119,796 Aufrufe • vor 10 Monaten