Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Cursor's new browser + element annotation turns it into a design studio. Meet Cursor Design 🎨 — Claude Design, running locally. Describe a screen → get polished HTML → click any element in the preview & say what to change. Best w/ Opus 4.8. npx skills add JimLiu/baoyu-design

dotey's profile picture

宝玉

223,764 subscribers

212,842 görüntüleme • 10 gün önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Claude Opus 4.8 in Open Design absolutely cooked. We asked it to recreate a beautiful Three.js hover-card experiment. It captured the interaction, lighting, materials, and complex cube geometry with wild precision. Inspired by Zsolt Kacso original, which was built with Cursor Composer 2.5. Open Design now works with Claude Opus 4.8.
0:24

Claude Opus 4.8 in Open Design absolutely cooked. We asked it to recreate a beautiful Three.js hover-card experiment. It captured the interaction, lighting, materials, and complex cube geometry with wild precision. Inspired by Zsolt Kacso original, which was built with Cursor Composer 2.5. Open Design now works with Claude Opus 4.8.

Open Design

53,073 görüntüleme • 18 gün önce

A super simple workflow to get DESIGN.md or HTML templates into Claude design. Grab from 400+ design systems and Claude will create the rest.
1:02

A super simple workflow to get DESIGN.md or HTML templates into Claude design. Grab from 400+ design systems and Claude will create the rest.

Meng To

87,796 görüntüleme • 1 ay önce

I made a Swiss International Style design system as an agent skill. npx skills add zeke/swiss-design-skill
0:31

I made a Swiss International Style design system as an agent skill. npx skills add zeke/swiss-design-skill

Zeke Sikelianos

70,325 görüntüleme • 1 ay önce

Introducing Hallmark! An open source design skill to make beautiful UIs and landing pages by default. Works in Claude Code, Cursor, and Codex. npx skills add nutlope/hallmark
0:39

Introducing Hallmark! An open source design skill to make beautiful UIs and landing pages by default. Works in Claude Code, Cursor, and Codex. npx skills add nutlope/hallmark

Hassan

720,142 görüntüleme • 28 gün önce

Opus 4.8 is a new frontier model at mechanical CAD design
0:23

Opus 4.8 is a new frontier model at mechanical CAD design

adam

118,198 görüntüleme • 19 gün önce

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)
2:12

Claude released a new design feature that's great for iOS app design. So I extracted the code and skills and turned it into a skill that can be used by any agent. Since Codex has comments and web preview built in... it works basically the same. (Oh and you can use claude 4.7 if you think it's better at design)

Riley Brown

86,540 görüntüleme • 2 ay önce

The Design OS for your coding agents $ npx skills add superdesigndev/superdesign-skill - Design w/ full codebase context - Infinite canvas exploration - Built in prompt library Here is how it works 🧵👇
0:55

The Design OS for your coding agents $ npx skills add superdesigndev/superdesign-skill - Design w/ full codebase context - Infinite canvas exploration - Built in prompt library Here is how it works 🧵👇

Jason Zhou

67,653 görüntüleme • 4 ay önce

Figma meets Claude Code! Pencil is an infinite design canvas that runs parallel design agents locally. → Turn designs into code → Runs locally with Claude Code → Works with VSCode, Cursor 100% free, no subscription
1:19

Figma meets Claude Code! Pencil is an infinite design canvas that runs parallel design agents locally. → Turn designs into code → Runs locally with Claude Code → Works with VSCode, Cursor 100% free, no subscription

Alvaro Cintas

387,652 görüntüleme • 4 ay önce

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.
0:54

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

299,379 görüntüleme • 4 ay önce

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.
0:26

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.

Visual Studio Code

75,499 görüntüleme • 1 yıl önce

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉
0:53

The most complete AI design skill stack is now in Open Design. AI agents can build full apps. But most of them still design like shit. You used to spend more time fixing the design than building the app. And prompting harder does not fix taste. So Open Design integrated the design skills everyone on X is talking about: Taste Skill Hallmark Frontend Design Image-to-Code Design Review 100+ design systems It works locally with 20+ AI CLIs: Codex, Claude Code, Cursor, Gemini CLI, OpenCode, and more. Pick your agent. Generate pages that finally have taste. 👉

Open Design

51,104 görüntüleme • 14 gün önce

Excited to launch Pencil INFINITE DESIGN CANVAS for Claude Code > Superfast WebGL canvas, fully editable, running parallel design agents > Runs locally with Claude Code → turn designs into code > Design files live in your git repo → Open json-based .pen format
1:19

Excited to launch Pencil INFINITE DESIGN CANVAS for Claude Code > Superfast WebGL canvas, fully editable, running parallel design agents > Runs locally with Claude Code → turn designs into code > Design files live in your git repo → Open json-based .pen format

Tom Krcha

1,494,601 görüntüleme • 4 ay önce

Design Mode for Cursor Introducing a new way to design right where you code.
0:59

Design Mode for Cursor Introducing a new way to design right where you code.

Tom Krcha

360,326 görüntüleme • 8 ay önce

Combine ChatGPT Images 2.0 and Claude Design. Create a design brief with ChatGPT in the style that you'd like. Bring that image into Claude Design to make it functional. You can edit the fonts, colors, images and styles referencing the design you've built. Here's how:
0:51

Combine ChatGPT Images 2.0 and Claude Design. Create a design brief with ChatGPT in the style that you'd like. Bring that image into Claude Design to make it functional. You can edit the fonts, colors, images and styles referencing the design you've built. Here's how:

Jerrod Lew

36,749 görüntüleme • 1 ay önce

Claude Design is insane. ❤️‍🔥Just recorded a 18-min tutorial on how to build animated, award-winning websites with Claude Design + Opus 4.7!
18:47

Claude Design is insane. ❤️‍🔥Just recorded a 18-min tutorial on how to build animated, award-winning websites with Claude Design + Opus 4.7!

Viktor Oddy

3,267,569 görüntüleme • 1 ay önce

Claude design is cool but nobody is talking about how Gemini 3.1 Pro is a beast at motion design Only one prompt to turn an HTML into motion graphics
0:57

Claude design is cool but nobody is talking about how Gemini 3.1 Pro is a beast at motion design Only one prompt to turn an HTML into motion graphics

Meng To

63,302 görüntüleme • 1 ay önce

In-browser annotations are coming to Polyscope 🔥 Select any element in your browser → Polyscope will create a new workspace → Claude, Codex or Cursor knows what to change Zero copy paste Zero complex configuration Built with the Polyscope JS SDK 🚀
5:08

In-browser annotations are coming to Polyscope 🔥 Select any element in your browser → Polyscope will create a new workspace → Claude, Codex or Cursor knows what to change Zero copy paste Zero complex configuration Built with the Polyscope JS SDK 🚀

Marcel Pociot 🧪

13,254 görüntüleme • 2 ay önce

Use Design Mode in Cursor 3 to annotate and target UI elements in the browser.
0:23

Use Design Mode in Cursor 3 to annotate and target UI elements in the browser.

Cursor

270,750 görüntüleme • 2 ay önce

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,415 görüntüleme • 3 ay önce

I prefer my design tool to be more closely integrated with where my agents work. I spent a few hours building my own design tool (inspired by Claude Design) inside my orchestrator. I can use this with Codex, Claude, or any model. Opus 4.7 works best for now. Doing more tests.
0:56

I prefer my design tool to be more closely integrated with where my agents work. I spent a few hours building my own design tool (inspired by Claude Design) inside my orchestrator. I can use this with Codex, Claude, or any model. Opus 4.7 works best for now. Doing more tests.

elvis

13,380 görüntüleme • 1 ay önce