Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

🚨 THIS IS INSANE A Claude Code skill just started REFUSING to build websites that look like everyone else’s. Sameness is literally a failed check. It’s called scrollcraft — a skill that builds premium scroll-driven sites and holds them to a real design standard. And it already crossed 900+...

31,426 Aufrufe • vor 19 Tagen •via X (Twitter)

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Fable 5 and GPT-5.6 built the same scroll-animated website from 1 skill in 32 minutes and only 1 of them made it feel like a film. Same prompt: boutique Japan travel brand, origami style. A subway pulls in, a paper house unfolds into a hotel, a bird takes flight as you scroll. Doing this by hand is brutal multiple videos, matched starting frames, frames ripped out 1 by 1 and synced to scroll position. The skill does all of it: Generate 1 anchor image and approve it every scene inherits the style Turn it into video through the Higgs Field MCP (Seedance), straight from the terminal FFmpeg pulls every frame Each frame maps to scroll position, so your scrollbar becomes the playhead Setup is just connecting the MCP and loading the skill works in Claude Code and Codex. It interviews you first about scenes, budget and mobile, then shows the anchor image before burning a single credit on video. Budget reality: 6 scenes runs ~800 credits and is overkill, 4 scenes is the sweet spot, crop-safe mobile is the cheap path. The verdict came down to transitions. GPT-5.6 Soul built strong scenes with incredible detail inside each one then hard cuts between scene 1 and 2, and again between 2 and 3. Fable 5 stitched them together: wires push out of the top of frame while the next scene blurs in behind, gains depth and locks into place. Same skill, same prompts, 10 generations each. Credit to Peter Wang for the original Scroll World skill open source, now forked with budget tiers and mobile fixes. Soul built 4 scenes. Fable built 1 film.

Spike 1%

45,609 Aufrufe • vor 2 Monaten

Apple's product pages have that scroll effect. The camera flies through a 3D world. Products float. Scenes transition. No cuts. One continuous flight driven by your scroll wheel. Here is what one costs to build in 2026. Big storytelling agencies (Noomo, WithLore, Utsubo): $15,000 to $100,000. Three to six months. A team of designers, 3D artists, and WebGL developers. Awwwards-tier flagship from a senior freelancer: $8,000 minimum. Three.js multi-scene site with GSAP scroll: $3,500 to $8,000. That is if you can find a Three.js specialist. They charge $75 to $150 an hour. There are fewer of them than there are brands that want the site. Now meet scroll-world. A free, open-source agent skill for Claude Code and Codex that generates the entire thing from a prompt. Describe your brand. Describe the scenes. "A coffee brand. Start outside the farm. Fly into the roasting facility. Pass through the packaging. Land in the cafe." It generates the isometric stills. It generates the camera flights. It generates the connector clips between scenes from the actual boundary frames of both neighbors, so every seam is pixel-identical. No flicker. No cut. One continuous flight. Then it wires the chain into a portable vanilla JS scroll engine that drops into plain HTML, Next.js, or Vue. One prompt. Hours. Not months. 6,096 stars on GitHub in 25 days. 724 forks. MIT license. Built by cyw, founder and CTO of Hermai AI, out of San Francisco. Here is what scroll-world does: - Interviews you on brand, scenes, art direction, and budget before spending a cent - Generates the isometric stills through GPT Image 2 - Generates the camera flights through Seedance on Monid - Renders a native 9:16 portrait chain for mobile, not a crop - Ships a vanilla JS scrub engine with blob-seek, lazy load, and seam crossfade - Installs into Claude Code as a plugin or Codex through the Vercel skills CLI - Framework-agnostic Here is what scroll-world costs to install: Zero. Forever. Generation burns credits. A 6-scene 1080p chain on Monid pay-per-clip lands around $27, printed before the run starts. Big storytelling agency: $15,000 to $100,000. scroll-world: $27. Awwwards WebGL flagship: $8,000. scroll-world: $27. Three.js contractor for a month: $12,000. scroll-world: this afternoon. Your brand. Your world. Your scroll. 100% Open Source. (Link in the comments)

Nav Toor

362,343 Aufrufe • vor 1 Monat

how to use Google's NEW open source Design.md + AI Skills to make your startup look like a $100 million company in 1 hour: 1. Design.md is an open source file from Google that captures the soul of a design. Typography, colors, spacing, all in one markdown file. You attach it to your prompt and your agent builds beautiful things every time. 2. Think of it this way. The HTML is the finished dish. The design.md is the recipe. The skills are the ingredients. Put them together and everything you build looks consistent and professional. 3. Don't create a design system from scratch. Find a brand you love. Linear, Stripe, Vercel, whatever resonates. Study it. Use ChatGPT or Claude to help you extract the design language into your own design.md file. 4. Build skills on top of your design.md. A landing page skill. A mobile app skill. A motion design skill. A slide deck skill. Each one references the same design.md so everything looks like it came from the same designer. 5. The biggest mistake people make: they nail one screen and then everything else looks generic. Design.md solves this. One file keeps every page, every format, every medium consistent. 6. Use it across everything. Your landing page. Your app. Your pitch deck. Your promo videos. Same DNA. Same taste. Same system. That's what separates a startup that looks real from one that looks vibe-coded. 7. Build a second brain for design inspiration. When you see something beautiful in the real world or online, capture it. Save it. When you're building something new, reference it. Taste is developed, not downloaded. 8. It's obvious but the difference between a product people trust and a product people bounce from is how it looks and feels. Design.md gives you that edge. you can watch below shoutout to Meng To for coming on The Startup Ideas Podcast (SIP) 🧃 and walking through his full workflow. if you want to use AI to actually build gorgeous designs, you'll want to use see this. watch

GREG ISENBERG

512,753 Aufrufe • vor 4 Monaten

REAL ESTATE PEOPLE WILL HATE HIM FOR THIS. HE BUILT A CLAUDE AGENT THAT TURNS ANY LISTING INTO A SELLABLE VIDEO ON ITS OWN Playbook: connect Claude to a video generator, paste a listing, get a cinematic tour of every room, sell it to the agent But typing the prompt for every listing doesn't scale. He turned it into a skill his Claude runs on its own Here's how to build the automated version: 1. Connect the video engine once. In Claude, go to Customize, Connectors, Add Custom Connector, name it Higgsfield, and paste the server URL from higgsfield. ai/mcp. Authenticate through your account. No API keys. Now Claude can generate video straight from chat 2. Turn the workflow into a skill. Instead of pasting the same prompt every time, have Claude build a skill. Tell it: "Create a skill called listing-to-video. When I give it a listing URL, scrape the room photos, generate a cinematic clip of each room with Higgsfield, and save them to a folder." Now the whole process is one command, not a wall of text 3. Let the agent run the listing. Hand it a URL and say "run listing-to-video on this." It pulls the photos, fires each room through the video model, and brings the clips back. You wrote the prompt once, inside the skill. You never write it again 4. Stitch and deliver. Drop the clips together into one tour. Send a free sample to the listing's agent, then charge per video or a monthly rate for ongoing listings 5. Scale it with your team. Add a skill that drafts the outreach email and one that builds a simple landing page for the agent. Now one operator runs sourcing, production, and pitching from a single Claude session The edge isn't generating one video. It's building the skill once so every future listing runs itself Bookmark this

Yarchi

54,840 Aufrufe • vor 3 Monaten

how to use claude code + 3 MCPs + 2 AI tools to go from cold idea to live A/B test in 1 session (full workflow): 1. connect ideabrowser as an MCP. pull your project context like ICP, positioning, offer, growth strategy directly into the terminal. 2. use ideabrowser skills to generate a lead magnet concept tailored to your niche. it builds the strategy doc and saves it as a file. 3. open paper (connected to claude code). design your landing page visually and iterate on hero, sections, components. design and code stay in sync. dont necessarily need figma here. 4. deploy the landing page. wire up humblytics for analytics like traffic, scroll depth, heat maps, funnel tracking, full attribution. 5. run a no-code A/B experiment directly from claude code. it dynamically swaps your headline on the live site. 6. store the results back into Idea Browser (pro plan) so your agent compounds context over time. every future decision is informed by past data. 7. everyone can build landing pages now. the gap is knowing what to test, how to get customers, and how to optimize. this stack/workflowcloses that gap. amirmxt showed me this live and i can't stop thinking about the arbitrage. 99.999% of people don't know this stack exists. it's like when 5 cent facebook ads were around, arbritrage is all over again. episode is finally live on The Startup Ideas Podcast (SIP) 🧃 (full demo there) this one is different. send it to a friend who likes ideas and automating businesses. 100% free to watch this and get your creative juices flowing (let me know what you want me to cover next) watch

GREG ISENBERG

57,852 Aufrufe • vor 5 Monaten

Someone just posted the full blueprint for an AI swarm that does the job of a 200-person quant research team. Six agents. Running 24/7. Finding brand-new alpha while you sleep. Citadel needs 100 PhDs to do this. Two Sigma needs 200. This does it with six bots and one laptop. Two ways to play this - spend a weekend building your own swarm, or copy the wallet of one that's already up $2M: Boris Cherny runs Claude Code at Anthropic. Two weeks ago he said: "I don't prompt Claude anymore. I have loops running that prompt Claude. My job is to write loops" Alpha research is just a pipeline. So instead of sitting in it, you hand each stage to its own agent: > one reads every new research paper overnight and pulls out the trade idea > one builds the features and cleans the data > one backtests it over 20 years, costs and slippage included > one runs the hard stats and kills anything overfit > one checks it still works in every market regime > one strips out plain momentum and value to see if any real edge is left Each of those six is a job a fund pays a $600,000-a-year quant to do. He runs all six for the price of an API bill. The rule that makes it work: the agent that builds a signal never gets to approve it. A separate, stronger agent tries to kill it first. Whatever survives all six by morning is real, new alpha. One trader's already running this exact swarm on Polymarket. That $2M wallet is public, every trade on-chain. The full build is in the post below - six agents, the tool that runs them, and the five mistakes that kill most people. Bookmark & read this before it's buried.

cvxv666

103,734 Aufrufe • vor 2 Monaten