Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 4 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 8 Monaten

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

238,091 Aufrufe • vor 5 Monaten

Vibe coding can take you as far as your imagination goes.
0:11

Vibe coding can take you as far as your imagination goes.

Breeje Anadkat

44,449 Aufrufe • vor 11 Tagen

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?
0:16

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

89,966 Aufrufe • vor 20 Tagen

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 Aufrufe • vor 6 Monaten

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

546,487 Aufrufe • vor 5 Monaten

📐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,245 Aufrufe • vor 5 Monaten

🚨 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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 5 Monaten

Most agents can build apps. Cloudflare OS can actually use the apps it builds. This means if your team builds a tool to do a job, an agent can use the tool as you would—on a schedule or upon a triggering event—even if you're not there to work with it.
0:18

Most agents can build apps. Cloudflare OS can actually use the apps it builds. This means if your team builds a tool to do a job, an agent can use the tool as you would—on a schedule or upon a triggering event—even if you're not there to work with it.

Phillip Jones

14,323 Aufrufe • vor 13 Tagen

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 Aufrufe • vor 8 Monaten

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,957 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 2 Monaten

🎉 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,220 Aufrufe • vor 1 Jahr

I bet your mockup tool can't do this
0:19

I bet your mockup tool can't do this

Josh Millgate

28,238 Aufrufe • vor 22 Tagen

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 Aufrufe • vor 9 Monaten

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,840 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 7 Monaten