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

Romario
297,067 görüntüleme • 1 ay önce
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.show more

Romario
51,349 görüntüleme • 1 ay önce
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.show more

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

elvis
46,533 görüntüleme • 7 ay önce
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

Romario
94,743 görüntüleme • 1 ay önce
Claude Code can now go find the right skill... itself, instead of you searching for one. it's called find-skills. a small package that plugs into Claude Code, and instead of you hunting for rest, you just describe the task and it searches the whole open skills ecosystem, finds the ones that fit, and installs them for you. > tell it what you're trying to do, in plain english > it scans the skills registry and maps your task to real skills > it pulls the right ones in and sets them up half the time you don't even know a skill exists for what you're doing. now you don't have to.show more

Alvaro Cintas
38,829 görüntüleme • 1 ay önce
Claude Code + Google Stitch 2.0 is f*cking cracked... 🤯 Google just dropped a free AI design agent that solves Claude Code's biggest weakness: frontend design. One screenshot of a high-converting landing page → a production-ready site for your brand in minutes. All inside Google Stitch + Claude Code. Perfect for DTC brands and agencies who are building advertorial pages and product launch pages for Meta but burning days on designer back-and-forth. If you're running Meta ads and need 5-10 different landing pages testing different hooks, angles, and offers — each one targeting a different audience and pain point — you know the bottleneck isn't the ads. It's the pages. Briefing designers, waiting for revisions, paying $2-5K per page. Stitch eliminates the design bottleneck: → Find a high-converting advertorial that's scaling on Meta → Screenshot it and drop it into Stitch (powered by Gemini 3.1) → Stitch redesigns it with your brand's colors, fonts, and imagery using Nano Banana 2 → Edit sections visually — headlines, CTAs, layouts — without touching code → Export the code and paste it into Claude Code → Claude builds the full production site and deploys to Vercel or Netlify in 60 seconds No designer. No $3K per landing page. No Claude Code frontend that looks like a template from 2019. What you get: → Designer-quality landing pages and advertorials built in minutes, not weeks → Visual editing so you actually see the design before you code it → Nano Banana 2 generating on-brand product imagery and hero shots → A repeatable system — new angle, new page, same pipeline Built 100% with Google Stitch 2.0 + Claude Code. I put together a full playbook showing the exact workflow: how to find winning pages, redesign them in Stitch, and deploy with Claude Code. Want it for free? > Like this post > Comment "STITCH" And I'll send it over (must be following so I can DM)show more

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

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

Mike Futia
59,257 görüntüleme • 4 ay önce
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

Kirill
19,471 görüntüleme • 2 ay önce
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
17,945 görüntüleme • 3 ay önce
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

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

Ridark
19,477 görüntüleme • 3 ay önce
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

Kirill
4,192,833 görüntüleme • 3 ay önce
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

slash1s
53,000 görüntüleme • 3 ay önce
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

Open Design
44,061 görüntüleme • 4 ay önce
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

Daniel San
67,891 görüntüleme • 7 ay önce
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

Daniel San
40,994 görüntüleme • 8 ay önce
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

Kappaemme
200,223 görüntüleme • 5 ay önce
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

ZEUS⚡️
11,835 görüntüleme • 2 ay önce
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 bookmarksshow more

Bober_smart
2,873,824 görüntüleme • 1 ay önce