Loading video...

Video Failed to Load

Go Home

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 views • 1 month ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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 views • 4 months ago

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 views • 1 month ago

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 views • 3 months ago

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 views • 2 months ago

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 views • 1 year ago

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 views • 1 month ago

📐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 views • 2 months ago

🚨 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 views • 2 months ago

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 views • 1 month ago

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 views • 5 months ago

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 views • 1 year ago

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 views • 7 months ago

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 views • 4 months ago

🎉 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 views • 1 year ago

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 views • 6 months ago

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 views • 1 year ago

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

Don’t build your Figma design system from scratch!

Jan Mraz

28,693 views • 4 months ago

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 views • 4 months ago

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 views • 1 year ago

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 views • 3 months ago