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

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

На главную

just made a new prototyping tool for react components, live props, on a canvas this was 2hrs from scratch — with new multi-agent ux + to-dos in Cursor, kinda magic!

ryolu_'s profile picture

Ryo Lu

89,308 subscribers

234,977 просмотров • 1 год назад •via X (Twitter)

Наука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

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

Фото профиля 0.005 Seconds (3/694)
0.005 Seconds (3/694)1 год назад

@cursor_ai Ryo give me cursor mobile and multi agent..... i am ready....

Фото профиля Not Whale
Not Whale1 год назад

@cursor_ai That’s pretty dope… But where’s the mobile release? 👀

Фото профиля Ryo Lu
Ryo Lu1 год назад

@cursor_ai this week? 😇

Фото профиля Alim
Alim1 год назад

@cursor_ai Long live canvas tools

Фото профиля Ryo Lu
Ryo Lu1 год назад

@cursor_ai don’t hate canvas at all just think it should run code

Фото профиля Abraham Garcia Flores
Abraham Garcia Flores1 год назад

@cursor_ai You use storybook at all? I tried it a while back, seems cool but also clunky

Фото профиля Ryo Lu
Ryo Lu1 год назад

@cursor_ai i’m making a better one i guess 😆

Фото профиля James Spalding
James Spalding1 год назад

@cursor_ai Are you adding this to cursor ?

Фото профиля Ryo Lu
Ryo Lu1 год назад

@cursor_ai

Фото профиля Lucas Dickey
Lucas Dickey1 год назад

@cursor_ai This is where knowing what you want up front and/or really knowing how to describe it articulately really helps, too!

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

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.
1:15

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.

HeroUI

535,998 просмотров • 4 месяцев назад

New project: I'm building "Baby Cursor" with Cursor It will become a prototyping and demo environment for me and team to explore new ideas quickly. 2 hours in, already have a pretty solid foundation to play with!
0:25

New project: I'm building "Baby Cursor" with Cursor It will become a prototyping and demo environment for me and team to explore new ideas quickly. 2 hours in, already have a pretty solid foundation to play with!

Ryo Lu

175,321 просмотров • 1 год назад

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:
0:47

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:

DesignCode

65,856 просмотров • 1 год назад

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too
4:39

been making a design tool where you and AI agents design together... claude code, cursor, or any cli agent can join the canvas and build with u infinite canvas, real components, everything in tailwind + html so you can just copy the code + eventually publish like any other site too

Pablo Stanley

21,470 просмотров • 4 месяцев назад

Just a couple of lines 😉 Multi-state Lottie in React [ Made with Lottielab implemented in React | Asset from Medusa ]
1:07

Just a couple of lines 😉 Multi-state Lottie in React [ Made with Lottielab implemented in React | Asset from Medusa ]

Daryl Patigas

153,187 просмотров • 1 год назад

Introducing Code on Canvas in AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.
0:57

Introducing Code on Canvas in AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.

Tom Krcha

79,375 просмотров • 3 месяцев назад

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.
0:30

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.

Abraham John 🦄🦓

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

I'm hosting a free masterclass for AI builders tomorrow! We'll cover the new Cursor agent: - How to use cursor agent effectively - How to one-shot apps with agent + copycoder - The new features - Q&A Comment "builder" and I'll DM you the access link
0:42

I'm hosting a free masterclass for AI builders tomorrow! We'll cover the new Cursor agent: - How to use cursor agent effectively - How to one-shot apps with agent + copycoder - The new features - Q&A Comment "builder" and I'll DM you the access link

Moritz Kremb

171,617 просмотров • 1 год назад

Im not a Game Designer. Im not a Game Developer. And I built this entire 2D game just using Cursor Agents in just a few hours. All sprites (character animation/ props/ backgrounds etc) were done with Opus-4.5 + our image gen tool (early access). My cursor stack: Agent + Image gen + Browser + Debug Mode + Skills Will be sharing skills used soon for anyone interested. Stay tuned!
0:21

Im not a Game Designer. Im not a Game Developer. And I built this entire 2D game just using Cursor Agents in just a few hours. All sprites (character animation/ props/ backgrounds etc) were done with Opus-4.5 + our image gen tool (early access). My cursor stack: Agent + Image gen + Browser + Debug Mode + Skills Will be sharing skills used soon for anyone interested. Stay tuned!

Juan

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

BREAKING 🚨: Exclusive look at a future agentic design tool from Google. It feels like it has been designed as a VR workspace with voice controls and a new agent widget. Stitching… What's coming: - A new "wide" canvas layout - 🔥 Voice Live Mode - 🔥 Voice selector with 8 different options: Puck, Charon, Kore, Fenrir, Autonoe, Leda, Orus, Zephyr - 🔥 A new Agent widget instead of the old sidebar - A new Design system selector with presets - 🔥 New Studio section with loads of generations, like Marketing kit and developer handoff - 🔥 Stitch React prototype - a fully functional React app based on generated screens - Instant prototype - an editable prototype that links generated screens, allowing users to navigate between them - 🔥 A new "Imagine new screen" option for Instant Prototypes - Figma linking - Loads of smaller tweaks The design-to-production flow will shorten drastically. The line between design and development will fade away.
2:18

BREAKING 🚨: Exclusive look at a future agentic design tool from Google. It feels like it has been designed as a VR workspace with voice controls and a new agent widget. Stitching… What's coming: - A new "wide" canvas layout - 🔥 Voice Live Mode - 🔥 Voice selector with 8 different options: Puck, Charon, Kore, Fenrir, Autonoe, Leda, Orus, Zephyr - 🔥 A new Agent widget instead of the old sidebar - A new Design system selector with presets - 🔥 New Studio section with loads of generations, like Marketing kit and developer handoff - 🔥 Stitch React prototype - a fully functional React app based on generated screens - Instant prototype - an editable prototype that links generated screens, allowing users to navigate between them - 🔥 A new "Imagine new screen" option for Instant Prototypes - Figma linking - Loads of smaller tweaks The design-to-production flow will shorten drastically. The line between design and development will fade away.

🚨 AI News | TestingCatalog

114,111 просмотров • 4 месяцев назад

I used the new Cursor agent + CopyCoder to build a Calendly frontend clone in 20mins Cursor agent now: - runs terminal commands - picks it's own context - executes more jobs with one prompt Crazy where this is going
2:00

I used the new Cursor agent + CopyCoder to build a Calendly frontend clone in 20mins Cursor agent now: - runs terminal commands - picks it's own context - executes more jobs with one prompt Crazy where this is going

Moritz Kremb

164,215 просмотров • 1 год назад

📋 Open Multi-Agent Canvas Plug-in any LangGraph agents, then chat with them. Including Generative UI, state streaming, and automatic agent routing. New template for learning how to add frontend features to LangGraph agents. Try it out: LangChain
0:30

📋 Open Multi-Agent Canvas Plug-in any LangGraph agents, then chat with them. Including Generative UI, state streaming, and automatic agent routing. New template for learning how to add frontend features to LangGraph agents. Try it out: LangChain

CopilotKit🪁

15,492 просмотров • 1 год назад

Need a beautiful landing page? Use Cursor + Magic UI. Install components with 1-line of code and tag them with Cursor Composer to have AI do 100% of the work for you. Watch my workflow - it’s this easy.
11:57

Need a beautiful landing page? Use Cursor + Magic UI. Install components with 1-line of code and tag them with Cursor Composer to have AI do 100% of the work for you. Watch my workflow - it’s this easy.

Mckay Wrigley

374,591 просмотров • 1 год назад

Building a new idea tonight – what if there was a global design system documentation website for boilerplate components? I worry that every team writes and maintains docs for common components: inputs, buttons, badges but they could just point everyone to an open source tool?
0:31

Building a new idea tonight – what if there was a global design system documentation website for boilerplate components? I worry that every team writes and maintains docs for common components: inputs, buttons, badges but they could just point everyone to an open source tool?

luis.

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

GEMINI’S NEW VIDEO GENERATION TOOL IS NEXT LEVEL Gemini just launched a tool that turns still images into dynamic video clips with audio. From aliens to live concerts, just type what you want to see and Gemini makes it happen. This isn’t basic animation. It’s pure generative magic. Source: Google Gemini App
0:27

GEMINI’S NEW VIDEO GENERATION TOOL IS NEXT LEVEL Gemini just launched a tool that turns still images into dynamic video clips with audio. From aliens to live concerts, just type what you want to see and Gemini makes it happen. This isn’t basic animation. It’s pure generative magic. Source: Google Gemini App

Mario Nawfal

37,187 просмотров • 1 год назад

🎨 Introducing Prompt Canvas — a novel UX for prompt engineering Building LLM applications requires new and dedicated tools for prompt engineering. With Prompt Canvas in LangSmith, you can: • Collaborate with an AI agent to draft, refine, and edit your prompts • Define custom quick actions to standardize prompting strategies used across the org ✍️ Learn more: ➡️ Try it out:
4:12

🎨 Introducing Prompt Canvas — a novel UX for prompt engineering Building LLM applications requires new and dedicated tools for prompt engineering. With Prompt Canvas in LangSmith, you can: • Collaborate with an AI agent to draft, refine, and edit your prompts • Define custom quick actions to standardize prompting strategies used across the org ✍️ Learn more: ➡️ Try it out:

LangChain

43,733 просмотров • 1 год назад