Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

can your vibe coding tool do this? implement a specific component while actually following your codebase's design system

k_grajeda's profile picture

Kevin Grajeda

4,820 subscribers

49,765 görüntüleme • 1 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

can your vibe coding tool do this? real prod codebase, no setup pain prompt: "Render all the spinner animation patterns from the @​N​o​t​i​f​i​c​a​t​i​o​n component in a grid layout. render each pattern with its name below it"
0:18

can your vibe coding tool do this? real prod codebase, no setup pain prompt: "Render all the spinner animation patterns from the @​N​o​t​i​f​i​c​a​t​i​o​n component in a grid layout. render each pattern with its name below it"

Kevin Grajeda

144,352 görüntüleme • 4 ay önce

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon
0:19

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon

Mike Bespalov

234,196 görüntüleme • 1 ay önce

Launch your app from 0 to 1 Vibe code your privacy app. Mint a private token. Win BIG rewards 🏆 No coding required. All vibes Start Vibe Coding
0:16

Launch your app from 0 to 1 Vibe code your privacy app. Mint a private token. Win BIG rewards 🏆 No coding required. All vibes Start Vibe Coding

COTI Foundation

2,091,719 görüntüleme • 3 ay önce

vibe coding a crypto bridge that's a bridge so you can bridge while you bridge
0:11

vibe coding a crypto bridge that's a bridge so you can bridge while you bridge

zac.eth 🧙🏻‍♂️♦️

544,846 görüntüleme • 2 ay önce

Ever imagined turning your ideas into fully coded designs in seconds? Traditional design tools are UNABLE to do this. Now, this AI tool can transfomr your ideas into stunning web designs with coded in seconds. Here's why it's a game-changer for the design industry:
0:18

Ever imagined turning your ideas into fully coded designs in seconds? Traditional design tools are UNABLE to do this. Now, this AI tool can transfomr your ideas into stunning web designs with coded in seconds. Here's why it's a game-changer for the design industry:

Aryan Rakib

36,880 görüntüleme • 1 yıl önce

vibe coding can't do it proof it you can
0:11

vibe coding can't do it proof it you can

Eno

462,707 görüntüleme • 1 ay önce

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)
0:15

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

218,728 görüntüleme • 2 ay önce

🚨 BREAKING: Claude can now turn your Figma file into a live app. Vibe code from any Figma design...
0:16

🚨 BREAKING: Claude can now turn your Figma file into a live app. Vibe code from any Figma design...

Daniel Ch

157,264 görüntüleme • 2 ay önce

when Claude Mythos gets bored vibe coding a calculator and takes control of your computer to sell your credentials.
0:19

when Claude Mythos gets bored vibe coding a calculator and takes control of your computer to sell your credentials.

ℏεsam

90,638 görüntüleme • 1 ay önce

Vibe Design is all about rapid iteration. Now your tools finally move as fast as your ideas. 🌍✨ Introducing Parallel Editing. ⚡️ Iterate across multiple screens at the same time. You can now fire off edits on multiple screens simultaneously—or spin up 5 different edits of the same screen at once. While "vibe coding" makes you wait line-by-line, Stitch lets you iterate on your entire flow in parallel. Don’t block your creativity.
0:15

Vibe Design is all about rapid iteration. Now your tools finally move as fast as your ideas. 🌍✨ Introducing Parallel Editing. ⚡️ Iterate across multiple screens at the same time. You can now fire off edits on multiple screens simultaneously—or spin up 5 different edits of the same screen at once. While "vibe coding" makes you wait line-by-line, Stitch lets you iterate on your entire flow in parallel. Don’t block your creativity.

Stitch by Google

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

forget vibe coding the next wave is mind coding i just accepted all changes in Cursor with my brain using a $20 toy that reads your brain's electrical activity + an arduino you can control your keyboard by just focusing should i make a full tutorial?
0:15

forget vibe coding the next wave is mind coding i just accepted all changes in Cursor with my brain using a $20 toy that reads your brain's electrical activity + an arduino you can control your keyboard by just focusing should i make a full tutorial?

Leon Noel 🔥

534,595 görüntüleme • 1 yıl önce

we heard you! now when you reach your free limit in build mode, you can add a Gemini API key to keep vibe coding we'll automatically switch you back once your free quota resets, so your flow is never interrupted go build something awesome this weekend
0:14

we heard you! now when you reach your free limit in build mode, you can add a Gemini API key to keep vibe coding we'll automatically switch you back once your free quota resets, so your flow is never interrupted go build something awesome this weekend

Google AI Studio

124,525 görüntüleme • 7 ay önce

First ever Vibe Coding Solana Hackathon is Live! $100,000 potential fundraise for your dApp Build your first SuperApp now
0:15

First ever Vibe Coding Solana Hackathon is Live! $100,000 potential fundraise for your dApp Build your first SuperApp now

Noah Network

5,096,709 görüntüleme • 4 ay önce

🎉 Introducing: Interactive Lanyard Component for @Framer. Add a custom 3D lanyard with adjustable colors, patterns, and styles to your site without any coding. RT + comment 'LANYARD' and i'll send you the component :)
0:11

🎉 Introducing: Interactive Lanyard Component for @Framer. Add a custom 3D lanyard with adjustable colors, patterns, and styles to your site without any coding. RT + comment 'LANYARD' and i'll send you the component :)

Framer University

103,972 görüntüleme • 1 yıl önce

The new Replit ⠕ Design Mode with Gemini 3.0 support just dropped — and this is what you can build from one prompt. The future of vibe-coding is here. (1/3)
0:12

The new Replit ⠕ Design Mode with Gemini 3.0 support just dropped — and this is what you can build from one prompt. The future of vibe-coding is here. (1/3)

Zhen Li ⠕

56,373 görüntüleme • 6 ay önce

New mind-blowing Framer component drop: Image 3D Parallax! Turn any flat image into a 3D experience that moves with your mouse. No coding needed. Comment "MAGIC" and I'll DM you this component for free. P.S. This one comes with my FIRST EVER YouTube tutorial 🎬 P.S.S. Make sure you follow me so I can DM you
0:17

New mind-blowing Framer component drop: Image 3D Parallax! Turn any flat image into a 3D experience that moves with your mouse. No coding needed. Comment "MAGIC" and I'll DM you this component for free. P.S. This one comes with my FIRST EVER YouTube tutorial 🎬 P.S.S. Make sure you follow me so I can DM you

David McBacon | Framer Coder

19,825 görüntüleme • 1 yıl önce

Don’t build your Figma design system from scratch!
0:19

Don’t build your Figma design system from scratch!

Jan Mraz

28,693 görüntüleme • 4 ay önce

Developers are so cooked this AI tool can now build agentic AI apps like Cursor, Perplexity, and Gamma.. full coding agents, research agents, presentation builders is the world's first vibe coding platform that let's you build agentic AI apps. 4 insane examples:
0:16

Developers are so cooked this AI tool can now build agentic AI apps like Cursor, Perplexity, and Gamma.. full coding agents, research agents, presentation builders is the world's first vibe coding platform that let's you build agentic AI apps. 4 insane examples:

Robin Delta

15,218 görüntüleme • 4 ay önce

if you're vibe coding and don't know code (and even if you do) your app can get bloated and have security issues i got claude to write a checklist of items i can add to cursor as context to help vibe apps stay lean and secure prompt in first reply below...
0:10

if you're vibe coding and don't know code (and even if you do) your app can get bloated and have security issues i got claude to write a checklist of items i can add to cursor as context to help vibe apps stay lean and secure prompt in first reply below...

Ian Nuttall

143,345 görüntüleme • 1 yıl önce

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code
0:15

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Melvyn • Builder

159,834 görüntüleme • 3 ay önce