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.show more

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.show more

CHATGPT STILL CAN’T BUILD SITES THAT LOOK LIKE THIS... Only Claude is building websites that actually feel expensive right now. Scroll through the clip. Particle systems. Liquid transitions. Cinematic depth. Every frame feels like a high-budget trailer. Claude produces this level of motion and atmosphere. ChatGPT still outputs flat layouts and basic interactions that look dated the moment they load. The gap is no longer small. One model delivers premium digital experiences. The other still struggles to clear “clean and modern.” Agencies and freelancers who switched already charge more and deliver faster. The ones still prompting the wrong model keep losing the high-ticket clients.show more

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)show more

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)show more

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 oneshow more

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.show more

I ABANDONED LOVABLE AFTER SEEING WHAT CLAUDE CODE CAN... ACTUALLY DO basic generators are great for quick ideas but trying to build a premium site with Lovable feels like playing in a sandbox I gave Claude Code a few custom design skills instead 4 minutes later it built a premium design they would have quoted me $7,500 for the difference between generic templates and a skilled local agent is literally worth thousands grab the full guide below 👇show more

A SINGLE CLAUDE SKILL JUST HIT 58,000 STARS IN... ONE WEEK ON GITHUB. 58,000 stars. 2.9k forks. free. Bookmark this before you forget. Your Claude will start working differently. It makes Claude think like the laziest senior dev on the team. 54% less code. 20% cheaper. 27% faster. swap it into your Claude Code today. Link below. Claude → Ponytail → Less Code → Lower Cost → Moneyshow more

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.show more

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 ↓show more

We tested a lot of design skills in Codex... and other AI agents. They fix the old AI slop. But they often create a new one: the “taste skill look.” - Same premium sections. - Same editorial typography. - Same generated-design smell. Open Design does not rely on one taste prompt. It combines skills, systems, critique loops, and local harnesses to make AI pages feel less generated and more designed. This page was generated directly in Open Design.show more

Claude Mobile starts the idea... Ghostty finishes it I... basically use Claude Mobile as a notepad now. Whenever something comes to mind, I open the app, pick a repo, and ask Claude to start exploring. Then I just let it run while I go on with my day. Later I jump into Claude Desktop and I’m right back in the same session, with context, structure, and a clearer shape of the idea. I tweak a few things to set up the coding phase. Finally, one click to Ghostty (video), open a couple of worktrees, and start working on the PR. IMPORTANT: when you move to Ghostty, it must be the exact same repo you started on mobile, otherwise the --teleport command will failshow more

New feature in Claude Code 2.1.14 just dropped! You... can now search and install plugins from the marketplaces installed in your current Claude Code session. This is huge if you’re building plugins on top of Claude Code’s marketplace layer (Skills, Agents, Hooks, etc). How it works: - Run /plugin - The official Claude marketplace is installed by default - Use the search bar to find the plugin you want - Select one or multiple plugins with space, then press i to install - Go to the Installed tab to browse and enable them With the exponential growth of Skills and Agent-based components running in the CLI, improving plugin discoverability is a big win. Pretty sure more marketplace-related features are comingshow more

Said “hello” on Claude. Lost ~2% of the session.... One message. That’s it. That was the $20 plan. You couldn’t build anything serious with it. Now it’s gone… and it’s starting to feel like a tool for high spenders only. Meanwhile, Codex just works. The more I use it, the more Claude feels capped. Killing the $20 plan? That just made the choice easier.show more

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 👇show more

SOMEONE TURNED 33 PILES OF DEAD BOOKMARKS INTO A... GRAVITY MAP CLAUDE REBUILDS ITSELF EVERY NIGHT - AND IT RUNS ON THE 80% OF CLAUDE NOBODY TOUCHES most people drive Claude Code like a chatbot with file access - type a prompt, watch it edit, move on. that's maybe 20% of the tool this is the opposite. she's not typing at Claude. she's running it - loops on a mac mini overnight, claude linking every node while she sleeps the gravity map in the video is just the 80% maxed out: 1 system that organizes itself, not a human babysitting a chat box the other 80% is a steering layer Anthropic shipped quietly on june 18 - 7 ways to instruct the model, and a stack of commands almost nobody opens /context to see your bloat. /clear between tasks. path-scoped rules, subagents, hooks - conventions that load themselves the exact second they matter i stopped typing at Claude months ago - now i configure it once and it shows up already running the work, 10x cleaner a prompt helps for 1 message. the steering layer pays you back every session, for life the people who learn it stop being users and become operators - everyone else is still arguing about which model is smartest the article below is the full map - all 4 layers, every file and command, start to finishshow more

You don't understand... Higgsfield MCP + Claude just automated... AI film making. Every single step you used to grind through to make an AI movie, you can now do 10x faster. Drop the script into Claude Opus 4.8 and say: "Here's my script. Break it into a full shotlist. Shot number, scene, shot type, camera move and the action in each frame." Now the whole film is mapped, shot by shot. - Pull your assets. Ask Claude: "From this shotlist, list every character, every location and every prop across the whole film." That's your build list. The stuff you would need to generate and give as references in next steps. - Build the character sheets. Higgsfield MCP is connected, so Claude has hands now to do stuff directly. It generates the images itself. Have the full body, back view and close up in the character sheet. One per character. Each sheet becomes the locked reference for that face. Same move for locations, generate the empty plate for each one before anyone steps into it. - Generate the frames. Feed Claude the references plus the shot and have it write and fire the Seedance 2.0 prompt. "Using the lead's character sheet and the alley plate, generate shot 4 in Seedance 2.0. Low angle, slow push-in, rain." Claude builds the prompt, calls Seedance 2.0 and the frame lands back in chat. Use a Seedance 2.0 skill to teach Claude how to prompt it properly. Now, there are 3 ways to make the shots. Pick one per scene. - Pure prompting. Fastest one. You describe the action in words and let Seedance interpret it. For consistency across a sequence, feed it a frame from the previous shot so the look carries. - Storyboarding. You hand it a panel and it matches that composition exactly. Way more control over how the shot is framed. The tradeoff is that it can introduce more cuts than you actually want. - Path Control System This is the latest technique Seedance 2.0 technique. Generate a still base plate of the scene. Draw a red line across it to mark the exact path of the movement, then describe what's happening. Seedance follows that line for the action. Also ask Claude to remove the red line when animating. This is the one for anything where motion has to land precisely. The output reads like real live action. - Lastly, generate every clip you need, then cut them together. Get it to Capcut for editing and audio design. And that's it. The pipeline that used to need a full crew and a studio can now run from one Claude chat. 2026 is gonna be wildshow more

the system our agency uses to produce ad creatives... for paying b2b clients is now written down in a free doc. it's a claude code build. one intake form takes the icp, pain, offer and cta, and it returns 100+ finished meta statics, each one a different concept with the message designed inside the artwork. the doc is the full build, not a summary: > all 20 prompts in build order, each a complete brief you paste as written > the 80-entry template and visual metaphor library, with the seed entries claude code expands for you > the fire-and-forget layer, so batches finish with the laptop closed and archive themselves before provider links expire > a worked example from a real ad copy to a folder your media buyer can upload straight to ads manager the wall in this video came off one run. the whole build takes about 2 hours. like + comment "ENGINE" and i'll dm you the doc. (following + rt for priority access)show more

SOMEONE JUST BUILT A PERSONAL AI DASHBOARD WITH CLAUDE... AND IT DOES NOT FEEL LIKE A TOOL. It feels like an operating system for their entire life. One screen. Their calendar. Their tasks. Their goals. Their content pipeline. Their finances. Their health metrics. All connected. All updated in real time. All queryable in plain English. Not ten apps talking past each other. One intelligent surface that knows everything and surfaces what matters. They described what they wanted to Claude Design. Claude built the entire interface. Then they connected it to Opus 4.7 as the reasoning layer. Now instead of opening five apps to answer one question they just ask the dashboard. This is what personal computing looks like when the interface finally understands you. The people building their own AI OS right now will look back at this moment the way the first iPhone users looked back at 2007. You are early.show more

Claude "Puzzling" while GPT 5.6 on GOD-MODE just bade... a banger that's mindblowing. Here's the exact way to get a site like this, step by step: > open the desktop app, pick Sol, reasoning on High. taste work never goes to small models > drop it 3 sites with motion you love and one line: "reverse-engineer the art direction: mood, typography, pacing, and WHY each animation exists. save it as a style bible" > brief in one paragraph, goal not steps: "[your niche] site, cinematic scroll, every animation has a job. follow the bible" > house rules on top: no template hero, no stock gradients, nothing on the page moves without a reason > now the bar: "a motion designer can't tell this from an agency build." spin up a SECOND 5.6 with fresh context whose only job is to FAIL the build against that bar > /loop overnight: build, grade, close the biggest gap, again. you're asleep for all of it > when the verifier runs out of complaints: tag Sites. live URL, one click, zero hosting The deeper version of every step (the full contract, the house rules, the verifier trick, when Ultra is worth the bill) is in the article below. P.S. send the article to your GPT and tell it "we're doing this tonight".show more