Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 5 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 8 месяцев назад

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 просмотров • 1 год назад

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

488,094 просмотров • 9 месяцев назад

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 просмотров • 1 год назад

I installed a new Visual Studio Code extension to help me write code. But this extension doesn't get in your way. It doesn't try to write code for you. It only gives you hints and recommendations about your code. I like that. Like a second pair of eyes, looking over my shoulder and telling me how I can do things better. The extension is Traycer. You can install it directly from inside Visual Studio Code. It's free forever for anyone working on open-source projects (and if you aren't, you can use it for free until the end of June.) I recorded a super-duper-quick video to show you how this extension works. I know code generation is a huge thing, but I really appreciate tools that help me do what I do better. Thanks to the Traycer team for helping me with the extension and collaborating with me on this post!
2:56

I installed a new Visual Studio Code extension to help me write code. But this extension doesn't get in your way. It doesn't try to write code for you. It only gives you hints and recommendations about your code. I like that. Like a second pair of eyes, looking over my shoulder and telling me how I can do things better. The extension is Traycer. You can install it directly from inside Visual Studio Code. It's free forever for anyone working on open-source projects (and if you aren't, you can use it for free until the end of June.) I recorded a super-duper-quick video to show you how this extension works. I know code generation is a huge thing, but I really appreciate tools that help me do what I do better. Thanks to the Traycer team for helping me with the extension and collaborating with me on this post!

Santiago

101,068 просмотров • 2 лет назад

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,133 просмотров • 2 месяцев назад

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

97,239 просмотров • 2 месяцев назад

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,880 просмотров • 2 лет назад

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 просмотров • 1 год назад

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

126,434 просмотров • 11 месяцев назад

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 просмотров • 5 месяцев назад

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,918 просмотров • 2 лет назад

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 просмотров • 1 год назад

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

520,504 просмотров • 6 месяцев назад

Exploring how 2D schematics can transition naturally into 3D Made this app with Kimi K3 The tank is fully generated with code. Super easy to swap it out for something else
0:55

Exploring how 2D schematics can transition naturally into 3D Made this app with Kimi K3 The tank is fully generated with code. Super easy to swap it out for something else

Dilum Sanjaya

106,956 просмотров • 10 дней назад