Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

100% of the code behind this UI is LLM-generated btw. With enough prompting, Figma, and open source libraries, you can craft very tasteful things with no code. I refuse to call this “vibecoded” given how premium it looks compared to the average vibecoded slop lol

rsuyoy's profile picture

Yousr

2,358 subscribers

35,167 görüntüleme • 3 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

Introducing Claude Code Templates 🚀 I originally built this to streamline how I set up new projects with Claude Code…just a small tool to make my own workflow smoother. No install, just run: npx claude-code-templates Right now, it configures Commands, Hooks, MCPs, and settings.json for JavaScript/TypeScript and Python projects. It made things so much easier for me that I decided to share it with the community. Open-source and open to ideas — feel free to contribute! Big thanks to the team at Anthropic and everyone behind Claude Code Community 🙌
0:50

Introducing Claude Code Templates 🚀 I originally built this to streamline how I set up new projects with Claude Code…just a small tool to make my own workflow smoother. No install, just run: npx claude-code-templates Right now, it configures Commands, Hooks, MCPs, and settings.json for JavaScript/TypeScript and Python projects. It made things so much easier for me that I decided to share it with the community. Open-source and open to ideas — feel free to contribute! Big thanks to the team at Anthropic and everyone behind Claude Code Community 🙌

Daniel San

28,410 görüntüleme • 1 yıl önce

Today I vibecoded a Mac app that allows you to try most SwiftUI animation curves and compare them against each other. Tweak values, see their differences and try out some actual real world examples, with full code you can copy into your own apps. 100% Free and open source at
1:28

Today I vibecoded a Mac app that allows you to try most SwiftUI animation curves and compare them against each other. Tweak values, see their differences and try out some actual real world examples, with full code you can copy into your own apps. 100% Free and open source at

Jose

50,951 görüntüleme • 7 ay önce

I'm building an open-source UI Kit with lovable This is going to have hundreds of customizable components with prompts, guides, templates and source code to accurately redesign UI with AI. 99% coded with AI. I burned through 1000+ prompts in lovable, windsurf and cursor.
0:57

I'm building an open-source UI Kit with lovable This is going to have hundreds of customizable components with prompts, guides, templates and source code to accurately redesign UI with AI. 99% coded with AI. I burned through 1000+ prompts in lovable, windsurf and cursor.

Meng To

67,089 görüntüleme • 1 yıl önce

I vibecoded this neural network visualization for my students and open sourced it. It shows a simple MLP trained on MNIST handwritten digits at several training steps. The visualization is using Three.js and it comes with training code in PyTorch . Link + repo 👇
1:00

I vibecoded this neural network visualization for my students and open sourced it. It shows a simple MLP trained on MNIST handwritten digits at several training steps. The visualization is using Three.js and it comes with training code in PyTorch . Link + repo 👇

David Finsterwalder | eu/acc

487,459 görüntüleme • 8 ay önce

I vibecoded a new game this morning: the floor is lava ♨️ Save our cactus friend from pits of lava by jumping around your living room 🌵 Created with Three.js, Rosebud AI, and MediaPipe computer vision (body pose model). The game is free and live on the web now! Just need a regular webcam to play. Code is also open source ↴
0:50

I vibecoded a new game this morning: the floor is lava ♨️ Save our cactus friend from pits of lava by jumping around your living room 🌵 Created with Three.js, Rosebud AI, and MediaPipe computer vision (body pose model). The game is free and live on the web now! Just need a regular webcam to play. Code is also open source ↴

AA

47,670 görüntüleme • 1 yıl önce

I thought this must be hard to build LLM-over-DNS A real DNS server that you can send LLM queries and it replies Vibecoded on my server again 15 minutes! So now you can open your terminal and type: dig ぼんじり.pieter.com -p 9000 "what is the meaning of life" TXT +short And it will reply!
1:33

I thought this must be hard to build LLM-over-DNS A real DNS server that you can send LLM queries and it replies Vibecoded on my server again 15 minutes! So now you can open your terminal and type: dig ぼんじり.pieter.com -p 9000 "what is the meaning of life" TXT +short And it will reply!

@levelsio

581,694 görüntüleme • 11 ay önce

If you are reviewing 100% of your AI-generated code by hand, you aren't moving fast enough. It's just impossible. Reviewing code has become the biggest bottleneck in software. Here is how to make this better:
6:18

If you are reviewing 100% of your AI-generated code by hand, you aren't moving fast enough. It's just impossible. Reviewing code has become the biggest bottleneck in software. Here is how to make this better:

Santiago

20,091 görüntüleme • 26 gün önce

For years, the design industry has talked about "design vs code" And tools (including Figma!) have forced a choice. But this is a false debate. Code isn't the opposite of design. Code is a material for design. So we're bringing code to the Figma canvas with Code Layers.
0:20

For years, the design industry has talked about "design vs code" And tools (including Figma!) have forced a choice. But this is a false debate. Code isn't the opposite of design. Code is a material for design. So we're bringing code to the Figma canvas with Code Layers.

Dylan Field

96,051 görüntüleme • 24 gün önce

Knowledge graphs for representing information are unbeatable. After this, you will never build a RAG system without knowledge graphs. It will take you five lines of code to build a knowledge graph with your data. I recorded a video to show you how you can do this. I used Cognee, an open-source library that outperforms any basic vector search approach in terms of retrieval relevance. They are collaborating with me on this post. Cognee is: • Easy to use • Reduces hallucinations • Open-source Here is a link to the repository: They also offer a comprehensive platform and UI with Python notebooks you can utilize to manage your data. Here is the link:
6:02

Knowledge graphs for representing information are unbeatable. After this, you will never build a RAG system without knowledge graphs. It will take you five lines of code to build a knowledge graph with your data. I recorded a video to show you how you can do this. I used Cognee, an open-source library that outperforms any basic vector search approach in terms of retrieval relevance. They are collaborating with me on this post. Cognee is: • Easy to use • Reduces hallucinations • Open-source Here is a link to the repository: They also offer a comprehensive platform and UI with Python notebooks you can utilize to manage your data. Here is the link:

Santiago

125,928 görüntüleme • 9 ay önce

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.
6:06

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

Meng To

171,763 görüntüleme • 1 yıl önce

You can achieve this smooth, native number transition using Expo-ui with just a few lines of code. All without writing a single line of native code! 🚀 Here is how you can do it 👇
0:21

You can achieve this smooth, native number transition using Expo-ui with just a few lines of code. All without writing a single line of native code! 🚀 Here is how you can do it 👇

Hewad Mubariz

61,263 görüntüleme • 3 ay önce

Prompt builder to generate designs with live preview Remix from 780+ templates, iterate quickly and bring your UI code to cursor or figma. I took 7 days to completely recode everything from Swift to React. 50k lines of code. With AI, the platform code is almost irrelevant since you transfer everything. What a time to be alive.
0:58

Prompt builder to generate designs with live preview Remix from 780+ templates, iterate quickly and bring your UI code to cursor or figma. I took 7 days to completely recode everything from Swift to React. 50k lines of code. With AI, the platform code is almost irrelevant since you transfer everything. What a time to be alive.

Meng To

57,371 görüntüleme • 1 yıl önce

Open Interpreter is like ChatGPT Code Interpreter, but you can run it locally on your computer, and it is 100% open-source. Write and execute code, analyze data, control your computer, and more. Great work killian Here's how to install and use it: 👇
1:30

Open Interpreter is like ChatGPT Code Interpreter, but you can run it locally on your computer, and it is 100% open-source. Write and execute code, analyze data, control your computer, and more. Great work killian Here's how to install and use it: 👇

Matthew Berman

142,913 görüntüleme • 2 yıl önce

Try this out, it’s really cool! You can sketch a mockup, talk about what it should look like, and in seconds the UI is built. Powered by Groq Inc. Then you can iterate with voice to make improvements. (App is open source, btw 🔥)
1:02

Try this out, it’s really cool! You can sketch a mockup, talk about what it should look like, and in seconds the UI is built. Powered by Groq Inc. Then you can iterate with voice to make improvements. (App is open source, btw 🔥)

Ben Klieger

142,674 görüntüleme • 1 yıl önce

Think of it as the Shopify of Claude Code, but for agents, commands, and MCPs 🚀 Pick what you need, “add to cart,” and… it’s 100% FREE. Just copy the command, paste it in your terminal, and instantly get the perfect Claude Code stack for your project. Built as an open-source project so the community can spin up, share, and install Claude Code stacks in seconds, no setup headaches, no paywalls. Here’s the video showing how I built this post… and yes, if you share the command, anyone can clone the exact same stack you’re using. Enjoy, share, and help others build faster with Claude Code ✨
0:59

Think of it as the Shopify of Claude Code, but for agents, commands, and MCPs 🚀 Pick what you need, “add to cart,” and… it’s 100% FREE. Just copy the command, paste it in your terminal, and instantly get the perfect Claude Code stack for your project. Built as an open-source project so the community can spin up, share, and install Claude Code stacks in seconds, no setup headaches, no paywalls. Here’s the video showing how I built this post… and yes, if you share the command, anyone can clone the exact same stack you’re using. Enjoy, share, and help others build faster with Claude Code ✨

Daniel San

124,913 görüntüleme • 11 ay önce

I built a multiplayer embroidery sampler for the internet. It's called Common Thread. 🪡 Built the entire thing in Figma Make, first thing I've ever vibecoded with it. Every visitor gets a patch on a shared canvas. You pick a thread color, choose a stitch type, and craft your art. A sampler is a piece of fabric where you practice and collect different stitches — a reference guide and playground in one. They were meant to be passed between hands and added to over time. Common Thread is that, but the fabric is infinite, the UI is whimsical, and the hands are anonymous. The part I love most: you can snap any section with a draggable embroidery hoop and export it, framed. i love how Figma Make is a kind of tool that lets you focus on what something should feel like, not how to ship it. Made for the Contra x Figma Makethon #FigmaMakeathon Try it yourself! /link below/
1:00

I built a multiplayer embroidery sampler for the internet. It's called Common Thread. 🪡 Built the entire thing in Figma Make, first thing I've ever vibecoded with it. Every visitor gets a patch on a shared canvas. You pick a thread color, choose a stitch type, and craft your art. A sampler is a piece of fabric where you practice and collect different stitches — a reference guide and playground in one. They were meant to be passed between hands and added to over time. Common Thread is that, but the fabric is infinite, the UI is whimsical, and the hands are anonymous. The part I love most: you can snap any section with a draggable embroidery hoop and export it, framed. i love how Figma Make is a kind of tool that lets you focus on what something should feel like, not how to ship it. Made for the Contra x Figma Makethon #FigmaMakeathon Try it yourself! /link below/

charlota

519,718 görüntüleme • 4 ay önce

prompting tip: How to write hybrid english & code prompts while building custom GPTs -Turn on code interpreter -"write code to ..." -Regenerate a few times until you get one you like -Copy paste it back into your prompt -tweak it to improve Now your ai can write consistent code Plus, you can add & combine with all sorts of english rules on top. Essentially adding english code logic "If the user asks for ..., then run this code" "If the user needs help with ..., use this code snippet and ask the user for all required information" Guess what thats a working if statement in english! if userAsksFor { // run this code } Prompts are code! English is a coding language Prompt-gramming is abstract coding
0:57

prompting tip: How to write hybrid english & code prompts while building custom GPTs -Turn on code interpreter -"write code to ..." -Regenerate a few times until you get one you like -Copy paste it back into your prompt -tweak it to improve Now your ai can write consistent code Plus, you can add & combine with all sorts of english rules on top. Essentially adding english code logic "If the user asks for ..., then run this code" "If the user needs help with ..., use this code snippet and ask the user for all required information" Guess what thats a working if statement in english! if userAsksFor { // run this code } Prompts are code! English is a coding language Prompt-gramming is abstract coding

Nick Dobos

117,034 görüntüleme • 2 yıl önce