正在加载视频...

视频加载失败

返回首页

We built this entire website using AI (Cursor). In under 12 hours. I documented every step in a playbook. This sets the new bar for AI-powered “design coding.” Comment “Design” + follow me — I’ll DM it to you.

Jacobsklug's profile picture

Jacob Klug

33,755 subscribers

265,602 次观看 • 1 年前 •via X (Twitter)

教育科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

11 条评论

Jacob Klug 的头像
Jacob Klug1 年前

creds to our talented dev @ReubenKib for this

Greg Caplan 🚀 的头像
Greg Caplan 🚀2 年前

Stop wasting time following up with leads. Let our AI agents do it for you.

Rômulo · Mobile Apps 的头像
Rômulo · Mobile Apps1 年前

@cursor_ai 12 hours? I'm pro AI and I think it will streamline lots of workflows, but a Framer Design System and some tweaks and you could have it done in under 2hrs. What am I missing here?

Jacob Klug 的头像
Jacob Klug1 年前

@cursor_ai My dev corrected me. This took 2 hours.

VDL 的头像
VDL1 年前

@cursor_ai Design

Matt Espinoza ✦ 的头像
Matt Espinoza ✦1 年前

@cursor_ai Design

Meir B 的头像
Meir B1 年前

@cursor_ai design

nemoblackburn ⚡️🧶 的头像
nemoblackburn ⚡️🧶1 年前

@cursor_ai Design

Light 的头像
Light1 年前

@cursor_ai if you know exactly what you want, you can describe each section carefully, that's not the hard part. The hard part is knowing what would look really good.

Chris Moore 的头像
Chris Moore1 年前

@cursor_ai Design

PAB ⛓️ 的头像
PAB ⛓️1 年前

@cursor_ai Design

相关视频

Cursor just beat Codex with their design mode. The latest design mode updates plus the new multitask agent mode make design changes in code insanely fast. Here's my step by step walkthrough to designing any app or website with Cursor design mode: 00:00 Introduction to Cursor's new design mode. 01:55 Explaining what Cursor Design Mode is. 03:02 Demonstrating multi-element selection for edits. 04:10 Using the new drawing/annotation feature. 05:23 Live example of improving text hierarchy. 07:29 Using the multitask feature for parallel edits. 08:21 Explaining different modes of AI-assisted coding. 09:35 Summary of new design mode updates.
10:27

Cursor just beat Codex with their design mode. The latest design mode updates plus the new multitask agent mode make design changes in code insanely fast. Here's my step by step walkthrough to designing any app or website with Cursor design mode: 00:00 Introduction to Cursor's new design mode. 01:55 Explaining what Cursor Design Mode is. 03:02 Demonstrating multi-element selection for edits. 04:10 Using the new drawing/annotation feature. 05:23 Live example of improving text hierarchy. 07:29 Using the multitask feature for parallel edits. 08:21 Explaining different modes of AI-assisted coding. 09:35 Summary of new design mode updates.

Chris Ashby

14,737 次观看 • 3 个月前

WOW! 🤯 In just 2 hours, I built an entire app from scratch that does interior design using AI. No coding, just by prompting step by step. It has: - authentication, db and storage with Supabase - payments with Stripe for credits - prompt enhancement with OpenAI - interior design with Replicate I wanted to see how far I could get by only using AI tools, and I'm honestly mind-blown! 🤯
1:01

WOW! 🤯 In just 2 hours, I built an entire app from scratch that does interior design using AI. No coding, just by prompting step by step. It has: - authentication, db and storage with Supabase - payments with Stripe for credits - prompt enhancement with OpenAI - interior design with Replicate I wanted to see how far I could get by only using AI tools, and I'm honestly mind-blown! 🤯

Florin Pop 👨🏻‍💻

98,856 次观看 • 1 年前

Cursor Design is real now. And we open-sourced it for everyone. Point. Comment. Mark. Edit. Capture and remix. Let AI design everything for you. Take control anytime. This is how a real AI design studio works:👉
0:46

Cursor Design is real now. And we open-sourced it for everyone. Point. Comment. Mark. Edit. Capture and remix. Let AI design everything for you. Take control anytime. This is how a real AI design studio works:👉

Open Design

308,735 次观看 • 3 个月前

Stop saying AI can't design. I built an entire SaaS UI in 45 minutes that founders pay designers $5k+ for. If your MVPs still take weeks to design, stop blaming the tools and fix your workflow. Comment “UI” and I’ll DM you the full 20 minute breakdown.
1:19

Stop saying AI can't design. I built an entire SaaS UI in 45 minutes that founders pay designers $5k+ for. If your MVPs still take weeks to design, stop blaming the tools and fix your workflow. Comment “UI” and I’ll DM you the full 20 minute breakdown.

Prajwal Tomar

105,583 次观看 • 7 个月前

This store generated over $1.3M in sales In just 54 days…. We built it in 30 seconds with AI RT + Comment “shower” and I’ll send you the template (must follow to get dm)
0:25

This store generated over $1.3M in sales In just 54 days…. We built it in 30 seconds with AI RT + Comment “shower” and I’ll send you the template (must follow to get dm)

Henry

25,838 次观看 • 1 年前

This store generated over $2M in sales In just 72 days…. We built it in 30 seconds with AI RT + Comment “perfume” and I’ll send you the template (must follow to get dm)
0:27

This store generated over $2M in sales In just 72 days…. We built it in 30 seconds with AI RT + Comment “perfume” and I’ll send you the template (must follow to get dm)

Henry

30,294 次观看 • 1 年前

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.
0:54

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

301,000 次观看 • 7 个月前

THIS GUY IS LITERALLY GIVING AWAY THE DESIGN PLAYBOOK FOR CLAUDE DESIGN 🤯 A Free 2-hour masterclass showing how to build an ENTIRE startup: → brand guidelines → decks → website → apps → videos ... using ONLY Claude Design. Guide is below + full tutorial in 🧵 ↓
1:54

THIS GUY IS LITERALLY GIVING AWAY THE DESIGN PLAYBOOK FOR CLAUDE DESIGN 🤯 A Free 2-hour masterclass showing how to build an ENTIRE startup: → brand guidelines → decks → website → apps → videos ... using ONLY Claude Design. Guide is below + full tutorial in 🧵 ↓

Charly Wargnier ♨️

282,109 次观看 • 5 个月前

I ran a promo 7 days ago. NEW Claude Opus 4.6 wrote the copy. I got a 50% increase in conversions. I documented the entire AI copywriting process in a 30-minute video. …Explaining EXACTLY how I did it. Want it? • Like this post • Comment “AI” And I’ll send it for FREE.
1:13

I ran a promo 7 days ago. NEW Claude Opus 4.6 wrote the copy. I got a 50% increase in conversions. I documented the entire AI copywriting process in a 30-minute video. …Explaining EXACTLY how I did it. Want it? • Like this post • Comment “AI” And I’ll send it for FREE.

Brandon Storey | Copywriting Coach

14,107 次观看 • 7 个月前

Bruh... this open-source AI design skill makes your AI-generated UIs look far less generic. 😍 Hallmark is a design skill for Claude Code, Cursor & Codex that helps AI generate interfaces that feel intentionally designed instead of looking like typical AI outputs. It can: → build beautiful new UIs → audit existing designs → redesign pages while preserving your content → study a URL or screenshot and extract its design DNA If you build apps with AI, this is definitely worth trying :) Follow me for more amazing AI, Coding & Web Dev insights 💎
0:38

Bruh... this open-source AI design skill makes your AI-generated UIs look far less generic. 😍 Hallmark is a design skill for Claude Code, Cursor & Codex that helps AI generate interfaces that feel intentionally designed instead of looking like typical AI outputs. It can: → build beautiful new UIs → audit existing designs → redesign pages while preserving your content → study a URL or screenshot and extract its design DNA If you build apps with AI, this is definitely worth trying :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

32,048 次观看 • 2 个月前

Midday's new website is out, and I'm so proud of Viktor. Viktor used to design in Figma, then hand it over to me. Now he uses Cursor and built the whole new site in Next.js, pushing it to Vercel. For a two-person team, this is the future.
0:57

Midday's new website is out, and I'm so proud of Viktor. Viktor used to design in Figma, then hand it over to me. Now he uses Cursor and built the whole new site in Next.js, pushing it to Vercel. For a two-person team, this is the future.

Pontus Abrahamsson — oss/acc

42,180 次观看 • 8 个月前

Steal my collection of editable Website/Landing Design Inspiration in Figma ✨ You can get them for FREE 24 hours only 🕐. Like & Repost, Follow Me, Comment "Wavespace" to receive the link. 🤙 Follow me so I can DM you 💬
0:30

Steal my collection of editable Website/Landing Design Inspiration in Figma ✨ You can get them for FREE 24 hours only 🕐. Like & Repost, Follow Me, Comment "Wavespace" to receive the link. 🤙 Follow me so I can DM you 💬

Shahid | Design Partner 🦄

96,725 次观看 • 2 年前

🤯 I CREATED A VIRAL AI VIDEO AD IN UNDER 20 MINUTES 🔥 100% AI-POWERED 🛠️ JUST 1 SIMPLE TOOL 👤 PERFECT CHARACTER CONSISTENCY 📦 FLAWLESS PRODUCT CONSISTENCY Using the LATEST AI models, this is CRUSHING traditional ads Want the step-by-step? RT this + comment "AI VIDEO" below – I'll DM you the full breakdown! #AIVideo #EcomHacks #ViralAds
0:31

🤯 I CREATED A VIRAL AI VIDEO AD IN UNDER 20 MINUTES 🔥 100% AI-POWERED 🛠️ JUST 1 SIMPLE TOOL 👤 PERFECT CHARACTER CONSISTENCY 📦 FLAWLESS PRODUCT CONSISTENCY Using the LATEST AI models, this is CRUSHING traditional ads Want the step-by-step? RT this + comment "AI VIDEO" below – I'll DM you the full breakdown! #AIVideo #EcomHacks #ViralAds

Kamil Sattar | The Ecom King

19,524 次观看 • 8 个月前

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇
0:26

Every frontend developer just stopped opening DevTools. Your AI coding agent can now reverse-engineer the entire design system of any website directly from the terminal. Just type: /design And it instantly extracts: • Brand colors • Fonts & typography • Spacing system • Buttons & UI components • Layout patterns • Design tokens Then saves everything into a structured DESIGN.md file your AI agent can understand and reuse. Powered by Hyperbrowser + Claude Code MCP. The crazy part? You can now study, replicate, and rebuild world-class UI systems in minutes instead of wasting hours manually inspecting websites. This changes how vibe coding works forever. Repo👇

divyansh tiwari

78,201 次观看 • 4 个月前

Are you kidding me? This is the best website design experience I've had in a long, long time. Shopify just won my heart with this new Winter Edition web design! Seriously, the bar for good design is so high right now. With all the AI slop out there, the only word-of-mouth you can rely on is having great design taste and building a cult around it. Just take Prime Intellect - ultimate design taste. Why wouldn't I send this to my friends or post it online organically? The moat is good design, folks - it's so important with all the AI slop we're seeing today. tobi lutke please give your design team a big big raise!
1:50

Are you kidding me? This is the best website design experience I've had in a long, long time. Shopify just won my heart with this new Winter Edition web design! Seriously, the bar for good design is so high right now. With all the AI slop out there, the only word-of-mouth you can rely on is having great design taste and building a cult around it. Just take Prime Intellect - ultimate design taste. Why wouldn't I send this to my friends or post it online organically? The moat is good design, folks - it's so important with all the AI slop we're seeing today. tobi lutke please give your design team a big big raise!

Archie Sengupta

250,690 次观看 • 8 个月前

In <8 min I built a basic Airbnb app using Cursor. I use Cursor Projects to scaffold out snippets that I can use anytime I need new features. Stop overthinking it and let the AI work for you. This is next level building.
8:35

In <8 min I built a basic Airbnb app using Cursor. I use Cursor Projects to scaffold out snippets that I can use anytime I need new features. Stop overthinking it and let the AI work for you. This is next level building.

Mckay Wrigley

684,545 次观看 • 2 年前

While your team is just getting started vibe coding prototypes, the team at Stripe is vibe coding a full vibe coding platform. Owen Williams ⚡ is a design manager at Stripe who built Protodash - an internal AI prototyping tool that lets designers and PMs spin up real, clickable prototypes in minutes. In this ep he walks through: - why generic AI tools produce "blurple slop" that doesn't match your design system - how he built a full prototyping studio on top of dev boxes with cursor + cc - why more PMs than designers now use Protodash - the design review mode that lets teams ship feedback direct in the app Plus, we talk about getting to the ultimate dream: demos, not memos. ty to our sponsors! 🧠 CESAR - Intelligent automation built for AI 💻 Cursor - The best way to code with AI Full episode on yt:
0:41

While your team is just getting started vibe coding prototypes, the team at Stripe is vibe coding a full vibe coding platform. Owen Williams ⚡ is a design manager at Stripe who built Protodash - an internal AI prototyping tool that lets designers and PMs spin up real, clickable prototypes in minutes. In this ep he walks through: - why generic AI tools produce "blurple slop" that doesn't match your design system - how he built a full prototyping studio on top of dev boxes with cursor + cc - why more PMs than designers now use Protodash - the design review mode that lets teams ship feedback direct in the app Plus, we talk about getting to the ultimate dream: demos, not memos. ty to our sponsors! 🧠 CESAR - Intelligent automation built for AI 💻 Cursor - The best way to code with AI Full episode on yt:

claire vo 🖤

92,220 次观看 • 4 个月前