Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

THIS GUY IS CLOSING $8K WEB DEALS BY PASTING THREE UI LIBRARIES INTO CLAUDE CODE same claude everyone runs, but his has 250+ animated components sitting in context before the first prompt even fires, so his hero sections ship with webgl and scroll effects while yours ships flat the... three libraries: animasterlib for the 250+ animated components, scroll rigs, hero blocks, mouse interactions and webgl scenes skyperui for the ready hero sections, cards and pricing blocks that already look shipped vengenceui for the modern animation blocks and premium design sections paste them in once, from that point every landing this guy builds walks out with real motion and glass hero sections, and he charges 10x what the local guy charges for the exact same page count everyone else is still asking claude to make it look premium and getting a rounded rectangle back save the three libraries, install order is in the guide belowshow more

Bounce

3,716 subscribers

11,374 görüntüleme • 2 ay önce •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

17 Yorum

zDomainName 🌐 profil fotoğrafı

zDomainName 🌐2 ay önce

The 3 libraries are where ? GitHub? Can you post the links? 🙏

Bounce profil fotoğrafı

Bounce2 ay önce

what do you mean where? literally in post.

zDomainName 🌐 profil fotoğrafı

zDomainName 🌐2 ay önce

These are GH repos are just give those libraries name to terminal? 🥴 I found this which is already good: but please explain those 3 libraries please 🙏, how to access them to add to my own library engine

Bober_smart profil fotoğrafı

Bober_smart2 ay önce

In the past, you had to study for years; now, all you need is artificial intelligence

Bounce profil fotoğrafı

Bounce2 ay önce

ai will rule the world

Watcher | AI profil fotoğrafı

Watcher | AI2 ay önce

Being a designer today is not the same as being a designer five years ago.

Bounce profil fotoğrafı

Bounce2 ay önce

anyone can be a designer nowadays

Adel Bucetta profil fotoğrafı

Adel Bucetta2 ay önce

the real unlock isn't just copying code, it's collapsing the time between idea and shipped product. teams that iterate 10x faster win every time

Bounce profil fotoğrafı

Bounce2 ay önce

yeah agree

Misato profil fotoğrafı

Misato2 ay önce

rounded rectangle back is painfully accurate

Bounce profil fotoğrafı

Bounce2 ay önce

that's the key idea

iamigorekk profil fotoğrafı

iamigorekk2 ay önce

Me need it

Cryton profil fotoğrafı

Cryton2 ay önce

The leverage is real, but isn't the hard part still taste, strategy, and knowing what users actually want?

Nick Venturi profil fotoğrafı

Nick Venturi2 ay önce

basically playing in creative mode while everyone else is mining dirt

amiyo_235 profil fotoğrafı

amiyo_2352 ay önce

not sure i trust it all yet but i guess id try a look once in a while, ya know

AI Mastery Guide profil fotoğrafı

AI Mastery Guide2 ay önce

Having a solid library of animated components ready to go definitely speeds up landing page work 🖥️

State of The Art™ - AI / AGI (e/acc) profil fotoğrafı

State of The Art™ - AI / AGI (e/acc)2 ay önce

Different tools, similar outcomes

Benzer Videolar

HE CHARGES $5K FOR SITES THAT LOOK LIKE A NEW YORK STUDIO SHIPPED THEM same model everyone else runs, but his claude picks from a real design library instead of guessing, so every build lands with animations, glass morphism and gradients already dialed in the two installs: grab the ui ux pro max skill off github and tell claude to install it, that one move loads 50 ui styles, 97 color palettes and 57 font pairings pull the magic mcp server from 21st dev and install it the exact same way after that you just say build a website and it comes out looking like a studio shipped it, not a template everyone else is still prompting for the word beautiful and wondering why claude keeps handing back the same flat bootstrap page save the two installs, the skill url and the mcp command are in the guide below

HE CHARGES $5K FOR SITES THAT LOOK LIKE A NEW YORK STUDIO SHIPPED THEM same model everyone else runs, but his claude picks from a real design library instead of guessing, so every build lands with animations, glass morphism and gradients already dialed in the two installs: grab the ui ux pro max skill off github and tell claude to install it, that one move loads 50 ui styles, 97 color palettes and 57 font pairings pull the magic mcp server from 21st dev and install it the exact same way after that you just say build a website and it comes out looking like a studio shipped it, not a template everyone else is still prompting for the word beautiful and wondering why claude keeps handing back the same flat bootstrap page save the two installs, the skill url and the mcp command are in the guide below

Bounce

67,261 görüntüleme • 2 ay önce

THIS GUY SHOWS HOW TO BUILD $10,000 WEBSITES FOR ABOUT $10 Jack drops a free skill into Claude Fable 5. One prompt. Full animated product sites with scroll effects, interactive sections, and client-ready polish. He has already sold them for over $10,000. The same system runs three sites at once and keeps the cost near ten bucks a build. Fable 5 handles the design. Higgsfield pulls the media. An adversarial review checks every frame before it ships. Cost-saving mode swaps models mid-process so you never burn tokens on the heavy lifts. No Figma. No agency. No design degree. Just the model, the skill, and a blank page that turns into money.

THIS GUY SHOWS HOW TO BUILD $10,000 WEBSITES FOR ABOUT $10 Jack drops a free skill into Claude Fable 5. One prompt. Full animated product sites with scroll effects, interactive sections, and client-ready polish. He has already sold them for over $10,000. The same system runs three sites at once and keeps the cost near ten bucks a build. Fable 5 handles the design. Higgsfield pulls the media. An adversarial review checks every frame before it ships. Cost-saving mode swaps models mid-process so you never burn tokens on the heavy lifts. No Figma. No agency. No design degree. Just the model, the skill, and a blank page that turns into money.

Romario

32,304 görüntüleme • 1 ay önce

most people spend hours describing what they want to Claude Code this guy just browsed a catalog of thousands of animated UI components, found one he liked, and hit "copy prompt" that's it. the prompt goes into Claude Code and it builds it. > 21st(.)dev - a library of community-made components built for React, Next.js, Tailwind > every component has a ready-made prompt attached > you pick the effect, copy, paste, done no describing animations from scratch. no explaining what "smooth scroll" or "hover glow" means. someone already figured out the exact prompt that produces it. gap between people who know this exists and people who don't is measured in hours per project full walkthrough in the article below

most people spend hours describing what they want to Claude Code this guy just browsed a catalog of thousands of animated UI components, found one he liked, and hit "copy prompt" that's it. the prompt goes into Claude Code and it builds it. > 21st(.)dev - a library of community-made components built for React, Next.js, Tailwind > every component has a ready-made prompt attached > you pick the effect, copy, paste, done no describing animations from scratch. no explaining what "smooth scroll" or "hover glow" means. someone already figured out the exact prompt that produces it. gap between people who know this exists and people who don't is measured in hours per project full walkthrough in the article below

monokern

64,484 görüntüleme • 2 ay önce

We shipped it. The Drag & Drop Landing Page Builder for Shadcn Studio is here. 🧭 Search blocks (Hero, Features, Pricing, FAQ, etc.) 🧱 Drag & drop onto an empty canvas ↕️ Reorder sections instantly 🖌️ Switch themes in one click 📁 Preview, Export, Save, and Share 🔁 Shuffle Blocks to explore ideas No design software. No clunky builders. Just clean, reliable workflows. Build landing pages visually → export clean shadcn code. Link in the comments below, Try it out 👇🏻

We shipped it. The Drag & Drop Landing Page Builder for Shadcn Studio is here. 🧭 Search blocks (Hero, Features, Pricing, FAQ, etc.) 🧱 Drag & drop onto an empty canvas ↕️ Reorder sections instantly 🖌️ Switch themes in one click 📁 Preview, Export, Save, and Share 🔁 Shuffle Blocks to explore ideas No design software. No clunky builders. Just clean, reliable workflows. Build landing pages visually → export clean shadcn code. Link in the comments below, Try it out 👇🏻

Ajay Patel

19,267 görüntüleme • 5 ay önce

ANTHROPIC + GROK LEAKED A $4.2M DOCUMENT THAT LAUNCHES A BUSINESS IN 60 MINUTES AND TURNS $10 INTO $10,000 an empty file becomes a running loop in 60 minutes, and week one comes back ×1000 root → reality → surface → hunt → clock → back to root 5 blocks of 12 minutes each, and only 2 of them ever look outside both of those are Grok 4.6, because only it sees who is already selling this and what they charge right now the other three are Claude Code working inside: the root, the surface and the clock 3 blocks build, 2 blocks find out whether there is anyone to sell to the most common launch mistake is all 5 blocks facing inward - a flawless machine nobody ever asked the market about the hunt looks for who is complaining in public right now, and it's the only block that brings back live numbers the clock reads three numbers and rewrites the root, so the next pass starts from a sharper root take the hunt out and the clock counts zeros, and a loop with nothing coming in from outside is just a drawing save this and paste it into Claude Code - let it build you this loop ↓

ANTHROPIC + GROK LEAKED A $4.2M DOCUMENT THAT LAUNCHES A BUSINESS IN 60 MINUTES AND TURNS $10 INTO $10,000 an empty file becomes a running loop in 60 minutes, and week one comes back ×1000 root → reality → surface → hunt → clock → back to root 5 blocks of 12 minutes each, and only 2 of them ever look outside both of those are Grok 4.6, because only it sees who is already selling this and what they charge right now the other three are Claude Code working inside: the root, the surface and the clock 3 blocks build, 2 blocks find out whether there is anyone to sell to the most common launch mistake is all 5 blocks facing inward - a flawless machine nobody ever asked the market about the hunt looks for who is complaining in public right now, and it's the only block that brings back live numbers the clock reads three numbers and rewrites the root, so the next pass starts from a sharper root take the hunt out and the clock counts zeros, and a loop with nothing coming in from outside is just a drawing save this and paste it into Claude Code - let it build you this loop ↓

Noisy

17,621 görüntüleme • 22 gün önce

Claude Code + computer use is f*cking cracked 🤯 Build a landing page → Claude opens Chrome, looks at it, spots every issue, and fixes it — without you describing a single thing. All inside Claude Code. Perfect for DTC brands and agencies who are still vibe-coding landing pages and advertorials in Claude Code, then manually opening them in Chrome, spotting 15 things wrong, and describing every visual issue back to Claude one at a time. If you're building pages in Claude Code and your workflow looks like this — build the page, open it in Chrome, spot broken spacing, go back to Claude, type "the CTA button is too low and the hero image is cut off," wait for the fix, open Chrome again, find 3 new issues, describe those too ... Claude Code + computer use eliminates the entire loop: → Claude writes the full landing page or advertorial → Opens Chrome and navigates to it → Spots layout issues, broken spacing, off-brand colors, missing elements → Fixes everything and re-checks until the page looks right → Tests your Shopify product pages by clicking through like a real customer → Walks through your checkout flow and flags friction before customers hit it → You only see the finished, visually verified result No describing what you see on screen. No "the CTA button needs more contrast" back-and-forth. No being the eyeballs for an AI that can't see. What you get: → Landing pages and advertorials Claude builds AND visually QAs before you ever look at them → Product pages Claude clicks through — testing layout, images, and CTAs like a real user → HTML dashboards Claude opens and verifies the charts actually render → Checkout flows Claude walks through step by step to catch friction → All of it happening in one session — build, test, fix, done One prompt. Claude builds it, checks it, and fixes it. You just review the finished page. I put together a full playbook with the exact setup, the prompts, and 5 DTC workflows that use Claude Code + computer use. Want it for free? > Like this post > Comment "CLAUDE" And I'll send it over (must be following so I can DM)

Mike Futia

19,143 görüntüleme • 5 ay önce

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Claude Code is terrible at UI design and everyone knows it so this guy fixed it by building an MCP that gives Claude its own AI design tool instead of going back and forth between a design platform and your code editor, Claude now creates the designs itself and drops them straight into your codebase the MCP has full context of your existing design system and project so everything it generates actually matches what you already have. one command to set up and it installs the MCP and skill files so Claude instantly knows how to use it if you're tired of the same Inter font, purple gradient, card grid layout on every project, this is definitely worth trying

Om Patel

402,762 görüntüleme • 5 ay önce

HE TURNED A $9,000 UI HANDOFF INTO A 3D SAAS INTERFACE IN 30 MINUTES this guy didn’t build another flat dashboard, he built a living 3d workspace with Claude Code reading the structure, logic and components instead of guessing from screenshots Moonchild makes the design system first: tokens, spacing, cards, charts, navigation, typography, then Claude turns it into a working React app through MCP 2 tools, 1 design system, 8+ screens and a second Claude checking drift while most founders still pay agencies to align buttons by hand save the full breakdown before your next SaaS looks like 6 templates fighting for custody of the same logo ↓

Gipp 🦅

11,041 görüntüleme • 3 ay önce

For the past year, we designed hundreds of sections for concept projects, internal training, and trend explorations. A lot of those designs were just sitting unused in our Figma files. So we thought, why not give them away for free? Today, we’re launching Blocks by Lander Studio. A free library of design blocks, website sections, app screens, dashboard designs, logos and illustrations for designers. Copy them, learn from them, repurpose them, or use them as inspiration. Beta access is now open with website sections available for everyone to copy. Other categories are launching next. Want early access to all categories? Comment below and repost this post. I’ll send you the invite link.

For the past year, we designed hundreds of sections for concept projects, internal training, and trend explorations. A lot of those designs were just sitting unused in our Figma files. So we thought, why not give them away for free? Today, we’re launching Blocks by Lander Studio. A free library of design blocks, website sections, app screens, dashboard designs, logos and illustrations for designers. Copy them, learn from them, repurpose them, or use them as inspiration. Beta access is now open with website sections available for everyone to copy. Other categories are launching next. Want early access to all categories? Comment below and repost this post. I’ll send you the invite link.

Praha

47,850 görüntüleme • 3 ay önce

Someone figured out why every AI-coded site looks the same, and shipped the fix. Most common attributes of an AI generated website: - Purple gradient at the top - Rounded cards - Frosted glass look - Inter font - Emoji as icons And a prompt: "Transform your workflow" to get the same thing 10,000 others got. not everything is the model's fault. - your prompt has no strong opinions about design, so it defaults to the statistical average of every landing page it's ever seen. the particular repo is a strict design rules as SKILL.md / .cursorrules files that force the agent to actually decide. - Open-source markdown that you drop into your project. I used it for my own site in some sections: Access GitHub repo and Guide: Site:

Someone figured out why every AI-coded site looks the same, and shipped the fix. Most common attributes of an AI generated website: - Purple gradient at the top - Rounded cards - Frosted glass look - Inter font - Emoji as icons And a prompt: "Transform your workflow" to get the same thing 10,000 others got. not everything is the model's fault. - your prompt has no strong opinions about design, so it defaults to the statistical average of every landing page it's ever seen. the particular repo is a strict design rules as SKILL.md / .cursorrules files that force the agent to actually decide. - Open-source markdown that you drop into your project. I used it for my own site in some sections: Access GitHub repo and Guide: Site:

Veee

107,153 görüntüleme • 1 ay önce

THIS GUY SPENT 5 MINUTES SETTING UP A $20 CLAUDE WORKSPACE AND TURNED 30 MINUTES OF DAILY PROMPT CHAOS INTO A SYSTEM Most people open Claude, type 1 messy prompt, rewrite it 10 times, get the same generic answer and call the model “bad.” He opens Claude Cowork, adds the project rules, past context, working files, examples, decisions and a clean place for the model to remember what it is doing. Same Claude. Same $20 tool. Completely different output. The funny part is there is no magic prompt here. No secret template. No “10x Claude” trick. Just the boring layer Karpathy keeps pointing at: context, memory and structure before output. A setup like this can save 30 minutes a day, which is 15 hours a month. If you use Claude for client work at $50 to $100/hour, that is $750 to $1,500/month in time you stop burning on repeated prompts. The model is real. The output is real. The edge is in not making Claude start from zero every single time.

THIS GUY SPENT 5 MINUTES SETTING UP A $20 CLAUDE WORKSPACE AND TURNED 30 MINUTES OF DAILY PROMPT CHAOS INTO A SYSTEM Most people open Claude, type 1 messy prompt, rewrite it 10 times, get the same generic answer and call the model “bad.” He opens Claude Cowork, adds the project rules, past context, working files, examples, decisions and a clean place for the model to remember what it is doing. Same Claude. Same $20 tool. Completely different output. The funny part is there is no magic prompt here. No secret template. No “10x Claude” trick. Just the boring layer Karpathy keeps pointing at: context, memory and structure before output. A setup like this can save 30 minutes a day, which is 15 hours a month. If you use Claude for client work at $50 to $100/hour, that is $750 to $1,500/month in time you stop burning on repeated prompts. The model is real. The output is real. The edge is in not making Claude start from zero every single time.

Gipp 🦅

14,871 görüntüleme • 4 ay önce

THIS GUY HAS CLAUDE DOING $500-700 A DAY SELLING ONE DIGITAL PRODUCT, WITH ZERO SPENT ON ADS He sells one digital product and lets Claude run the content that drives the sales. No ad spend, sales starting within a day or two. The product is the easy part. The content engine is what actually sells it, and that's the whole method The exact steps: 1. Find the niche. Ask Claude for specific problems people already pay to solve in a space you know, then check Gumroad and Etsy search to confirm people are buying. Specific beats generic every time 2. Build the product with Claude. Have it design a Notion template for one exact buyer, sections and dashboard included. Recreate it in Notion, set it to "anyone can duplicate." 3. List it on Gumroad. Free account, New Product, paste the Notion link, price it, grab your checkout link 4. Run the 3-prompt content engine. This is the part that sells. First prompt: competition mining, have Claude find the top-selling competitor products and pull the most viral content mentioning them. Second: have it extract the structures and frameworks from that content into reusable templates. Third: feed it your product and those templates and have it write fresh viral content for you 5. Rerun it weekly. The niche shifts, so refresh the templates every week. The winning ones you reuse again and again Build once, post daily, let the content do the selling Bookmark this

THIS GUY HAS CLAUDE DOING $500-700 A DAY SELLING ONE DIGITAL PRODUCT, WITH ZERO SPENT ON ADS He sells one digital product and lets Claude run the content that drives the sales. No ad spend, sales starting within a day or two. The product is the easy part. The content engine is what actually sells it, and that's the whole method The exact steps: 1. Find the niche. Ask Claude for specific problems people already pay to solve in a space you know, then check Gumroad and Etsy search to confirm people are buying. Specific beats generic every time 2. Build the product with Claude. Have it design a Notion template for one exact buyer, sections and dashboard included. Recreate it in Notion, set it to "anyone can duplicate." 3. List it on Gumroad. Free account, New Product, paste the Notion link, price it, grab your checkout link 4. Run the 3-prompt content engine. This is the part that sells. First prompt: competition mining, have Claude find the top-selling competitor products and pull the most viral content mentioning them. Second: have it extract the structures and frameworks from that content into reusable templates. Third: feed it your product and those templates and have it write fresh viral content for you 5. Rerun it weekly. The niche shifts, so refresh the templates every week. The winning ones you reuse again and again Build once, post daily, let the content do the selling Bookmark this

Yarchi

101,403 görüntüleme • 3 ay önce

ANTHROPIC HAS AN OFFICIAL PROMPT LIBRARY FOR CLAUDE CODE Most people have never opened it. So they write every prompt from scratch. It is copy-paste, tagged by task and by role, across the whole lifecycle: discover → design → build → ship → operate Straight from the page: > what would break if I deleted this helper? > plan this refactor, list the files, do not touch code yet > write tests for this, run them, fix what fails > the test is failing, find out why and fix it This is not a cheat sheet. It is a map of what Claude Code already does for you. Bookmark it before you forget it exists.

ANTHROPIC HAS AN OFFICIAL PROMPT LIBRARY FOR CLAUDE CODE Most people have never opened it. So they write every prompt from scratch. It is copy-paste, tagged by task and by role, across the whole lifecycle: discover → design → build → ship → operate Straight from the page: > what would break if I deleted this helper? > plan this refactor, list the files, do not touch code yet > write tests for this, run them, fix what fails > the test is failing, find out why and fix it This is not a cheat sheet. It is a map of what Claude Code already does for you. Bookmark it before you forget it exists.

shmidt

523,667 görüntüleme • 2 ay önce

200 MILLION SUBSCRIBERS FOR NURSERY RHYMES AND NOBODY KNOWS WHO MAKES THEM Cocomelon is the third biggest channel on YouTube and kids education is the one corner where the audience never asks who is behind the camera this guy builds the whole thing inside one chat with Claude connected to Nim he asks for a character first, a little bear or a cartoon kid, and locks the look every new episode reuses that same face so the channel feels like a real show then he types the idea in plain English, a counting video, an alphabet song, a colors lesson Claude writes the script and hands back the finished episode in the same conversation he never opens a second tool or copies a prompt into another app one person can post daily and the channel looks like a small studio made it kids channels in the right lane pull steady ad money once the algorithm picks them up the people running these now are shipping a week of episodes in an afternoon while everyone else is still scared to start one tomorrow I break down the exact character setup that keeps the same face across every single episode

200 MILLION SUBSCRIBERS FOR NURSERY RHYMES AND NOBODY KNOWS WHO MAKES THEM Cocomelon is the third biggest channel on YouTube and kids education is the one corner where the audience never asks who is behind the camera this guy builds the whole thing inside one chat with Claude connected to Nim he asks for a character first, a little bear or a cartoon kid, and locks the look every new episode reuses that same face so the channel feels like a real show then he types the idea in plain English, a counting video, an alphabet song, a colors lesson Claude writes the script and hands back the finished episode in the same conversation he never opens a second tool or copies a prompt into another app one person can post daily and the channel looks like a small studio made it kids channels in the right lane pull steady ad money once the algorithm picks them up the people running these now are shipping a week of episodes in an afternoon while everyone else is still scared to start one tomorrow I break down the exact character setup that keeps the same face across every single episode

Miss Scarlett

13,072 görüntüleme • 1 ay önce

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.

Mnimiy

114,141 görüntüleme • 3 ay önce

Motion graphics used to take me an hour per scene (or more) Now I'm creating them in 3-5 minutes — without After Effects, without Premiere, without writing a single line of code. I'm a former LA filmmaker (still PGA). My entire video stack is now 3 tools: Claude Code + HyperFrames (from HeyGen) + Descript Here's how the workflow runs: 1. Drop my brand style guide into a folder (colors, fonts, components Claude reuses forever) 2. Paste a line from my Descript transcript into Claude Code: "Create a scene for this part of the video" 3. Claude Code reads my brand, generates the HyperFrames scene, renders it to MP4 4. Drag the MP4 into Descript, drop it on the matching line of the transcript 5. Done. 3-5 minutes per scene. The unlock is the brand style guide. Once Claude has your colors, fonts, and reusable components, every scene inherits your look automatically. Bonus — you can take a Claude Design export (.zip), hand it to Claude Code, and it'll convert the HTML into a HyperFrames video you can render and edit. I built a GitHub repo with all the skills pre-loaded. Non-developers can clone it, open Claude Code, and be rendering scenes in under 10 minutes. Full walkthrough (20 min video) below Repo (skills + brand template + music-from-transcript plugin): Bookmark this if you make videos. The brand-style-guide pattern alone will save you hours every week. If you're a creator or operator using AI for content — share this with someone who's still living in After Effects.

JJ Englert

103,601 görüntüleme • 5 ay önce

I found a site collecting the best UI on the internet ! here is the link: They are literally sorted by the exact screen you're stuck on. sign up, hero section, pricing, navigation, CTA, footer, button, landing page. ( there's even a Claude category ) before you build any screen, open the category, pull 5-6 references aligned to your product mechanics and outcome goals screenshot them into Claude Code and use /design to describe what you want kept and the design system required you'll ship much cleaner ideations for the product at lightning fast speed ! ( this and the design system doc are the only two tabs open when we start a client build )

I found a site collecting the best UI on the internet ! here is the link: They are literally sorted by the exact screen you're stuck on. sign up, hero section, pricing, navigation, CTA, footer, button, landing page. ( there's even a Claude category ) before you build any screen, open the category, pull 5-6 references aligned to your product mechanics and outcome goals screenshot them into Claude Code and use /design to describe what you want kept and the design system required you'll ship much cleaner ideations for the product at lightning fast speed ! ( this and the design system doc are the only two tabs open when we start a client build )

Harshil Tomar

25,973 görüntüleme • 23 gün önce

Huge UI design boost by adding this to my AI workflow 1. Explore variations with Variant. The secret is to use "shuffle layout" and "see other views". This keeps the essence of a design that I like, but gives interesting layout variations. I also change colors and explore narrow by specifying one or two things in prompt, like font name, UI style or light/dark mode. 2. Copy HTML and prompt with Gemini 3 in site builder. Fix minute details like fonts, icons, assets, intro/scroll animations, adaptive layout and make the whole thing functional. Include image references, button styles, code snippets and other components to keep things creative. Often, I see sites that have one cool thing, but the rest is super generic. That's because AI is especially good at being generic without continuously feeding specs. 3. Turn into a landing page by prompt adding new components/sections and connect/adapt new pages. This is the part where most people stop, but it's actually the easiest since AI is so good at reading existing code. "Adapt this {page code} for a {features, blog, pricing, login} page." Finally, set up SEO and custom domain name. Boom, you just shipped a pro-level site that doesn't look generic.

Huge UI design boost by adding this to my AI workflow 1. Explore variations with Variant. The secret is to use "shuffle layout" and "see other views". This keeps the essence of a design that I like, but gives interesting layout variations. I also change colors and explore narrow by specifying one or two things in prompt, like font name, UI style or light/dark mode. 2. Copy HTML and prompt with Gemini 3 in site builder. Fix minute details like fonts, icons, assets, intro/scroll animations, adaptive layout and make the whole thing functional. Include image references, button styles, code snippets and other components to keep things creative. Often, I see sites that have one cool thing, but the rest is super generic. That's because AI is especially good at being generic without continuously feeding specs. 3. Turn into a landing page by prompt adding new components/sections and connect/adapt new pages. This is the part where most people stop, but it's actually the easiest since AI is so good at reading existing code. "Adapt this {page code} for a {features, blog, pricing, login} page." Finally, set up SEO and custom domain name. Boom, you just shipped a pro-level site that doesn't look generic.

Meng To

65,762 görüntüleme • 7 ay önce

ONE PROMPT AND ONE BUTTON NOW BUILDS A FULL SYSTEM, DATABASE, BACKEND, AND FRONTEND INCLUDED Most people still picture AI as something you ask questions to, then copy the answer into your own code by hand. A builder wired Claude into Obsidian through MCP instead, so a single written prompt becomes the actual spec for the system. Claude breaks that prompt into database schema, UI components, and API endpoints on its own, then writes, runs, and fixes the code until it actually works. MCP is what makes this possible, it lets the agent see the filesystem, installed packages, and running services before it starts building anything. The output isn't a code snippet sitting in a chat window, it's a live local app running on its own server, ready to open in a browser. What used to need a backend developer, a DevOps engineer, and two weeks now finishes in under fifteen minutes. See the full architecture and prompt structure below👇

ONE PROMPT AND ONE BUTTON NOW BUILDS A FULL SYSTEM, DATABASE, BACKEND, AND FRONTEND INCLUDED Most people still picture AI as something you ask questions to, then copy the answer into your own code by hand. A builder wired Claude into Obsidian through MCP instead, so a single written prompt becomes the actual spec for the system. Claude breaks that prompt into database schema, UI components, and API endpoints on its own, then writes, runs, and fixes the code until it actually works. MCP is what makes this possible, it lets the agent see the filesystem, installed packages, and running services before it starts building anything. The output isn't a code snippet sitting in a chat window, it's a live local app running on its own server, ready to open in a browser. What used to need a backend developer, a DevOps engineer, and two weeks now finishes in under fifteen minutes. See the full architecture and prompt structure below👇

wast3

20,348 görüntüleme • 2 ay önce

DOWNLOAD MASTERCARD DESIGN MD AND BUILD CLEAR WITH CLAUDE CODE people onboard Claude with text designers actually getting results onboard it with a file most never think to write step everyone skips: A design md - plain text rulebook for colors, fonts, spacing, component patterns, tone You don’t write it from scratch - pull a public one from an open design system repo, or literally download a real brand’s guidelines and tell Claude “design like this” Upload it once to a Claude Design system, pick the strongest model, set effort to Max, wait 10-20 minutes for real mockups to review Every project after that pulls your actual brand automatically - zero re explaining your look every single prompt mistake that burns the most hours: designing and coding in the same conversation Claude Design is for visual exploration Claude Code is for production “Mixing them is where beginners lose entire afternoons re litigating decisions that were already made” real workflow, start to finish: design system once - structured brief - first draft - refine with chat, inline comments, sliders - export handoff bundle - Claude Code converts it to a real Next.js app - push, deploy, done 10 dashboards in 10 minutes isn’t the headline Never re explaining your brand again is full below

YARD

31,614 görüntüleme • 26 gün önce