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,968 subscribers

50,212 views • 3 months 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 • 6 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

236,026 views • 3 months 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 • 4 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

545,893 views • 4 months 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

219,087 views • 4 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,538 views • 3 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,649 views • 3 months 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 • 7 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,786 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,556 views • 9 months ago

This tiny emergency tool fits in your wallet and can be a lifesaver .
0:19

This tiny emergency tool fits in your wallet and can be a lifesaver .

engineer's world

254,506 views • 1 month 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

104,091 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 • 8 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

19,833 views • 1 year 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 • 6 months ago

🚨 I just built a full Netflix clone on my phone. No code. No design. Just prompts. Rork’s vibe coding AI handled UI, backend, and database in minutes. This isn’t a demo. It’s a real app you can ship. 👇
0:16

🚨 I just built a full Netflix clone on my phone. No code. No design. Just prompts. Rork’s vibe coding AI handled UI, backend, and database in minutes. This isn’t a demo. It’s a real app you can ship. 👇

Shruti

65,355 views • 10 months 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

160,071 views • 4 months ago

Saw this tool Ragged Edge created for Solflare - The Solana Wallet. An internal system that allows their team to create new 3D illustrations at will. How sick is this?! Inspires me to try vibe coding something like this for my own 3D work.
0:17

Saw this tool Ragged Edge created for Solflare - The Solana Wallet. An internal system that allows their team to create new 3D illustrations at will. How sick is this?! Inspires me to try vibe coding something like this for my own 3D work.

Erman Malak

74,016 views • 8 months ago