Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

宝玉

241,675 subscribers

251,226 Aufrufe • vor 4 Monaten •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

/scandinavian-design built a skill that turns any site into scandi minimalism! npx skills add ericzakariasson/scandinavian-design try it:
0:28

/scandinavian-design built a skill that turns any site into scandi minimalism! npx skills add ericzakariasson/scandinavian-design try it:

eric zakariasson

210,851 Aufrufe • vor 2 Monaten

Cursor just beat Codex with their design mode. The latest design mode updates plus the new multitask agent mode make design changes in code insanely fast. Here's my step by step walkthrough to designing any app or website with Cursor design mode: 00:00 Introduction to Cursor's new design mode. 01:55 Explaining what Cursor Design Mode is. 03:02 Demonstrating multi-element selection for edits. 04:10 Using the new drawing/annotation feature. 05:23 Live example of improving text hierarchy. 07:29 Using the multitask feature for parallel edits. 08:21 Explaining different modes of AI-assisted coding. 09:35 Summary of new design mode updates.
10:27

Cursor just beat Codex with their design mode. The latest design mode updates plus the new multitask agent mode make design changes in code insanely fast. Here's my step by step walkthrough to designing any app or website with Cursor design mode: 00:00 Introduction to Cursor's new design mode. 01:55 Explaining what Cursor Design Mode is. 03:02 Demonstrating multi-element selection for edits. 04:10 Using the new drawing/annotation feature. 05:23 Live example of improving text hierarchy. 07:29 Using the multitask feature for parallel edits. 08:21 Explaining different modes of AI-assisted coding. 09:35 Summary of new design mode updates.

Chris Ashby

14,737 Aufrufe • vor 4 Monaten

Full Prompt of Animated Website Opus 4.8 + Claude Design → Build Want to recreate this design? ↓
0:46

Full Prompt of Animated Website Opus 4.8 + Claude Design → Build Want to recreate this design? ↓

Bogdan • QClay | Awsmd

18,133 Aufrufe • vor 4 Monaten

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

54,653 Aufrufe • vor 5 Monaten

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

89,602 Aufrufe • vor 6 Monaten

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

71,655 Aufrufe • vor 6 Monaten

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

888,461 Aufrufe • vor 5 Monaten

ANTHROPIC 🔥: Claude Code got a new /design command in research preview! Design in Claude Code adds an artboard workflow from Claude Design to help users build editable UIs. CCD 👀
0:40

ANTHROPIC 🔥: Claude Code got a new /design command in research preview! Design in Claude Code adds an artboard workflow from Claude Design to help users build editable UIs. CCD 👀

🚨 AI News | TestingCatalog

72,492 Aufrufe • vor 2 Monaten

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

68,044 Aufrufe • vor 9 Monaten

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉
1:23

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

179,614 Aufrufe • vor 4 Monaten

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

120,857 Aufrufe • vor 5 Monaten

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

389,505 Aufrufe • vor 8 Monaten

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

301,466 Aufrufe • vor 8 Monaten

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

When designers learn to manipulate light as a design element.
0:50

When designers learn to manipulate light as a design element.

Rich by 30

80,353 Aufrufe • vor 18 Tagen

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

53,135 Aufrufe • vor 5 Monaten

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context
0:20

UI Skills are now easier for agents. Introducing UI Skills CLI. ask Codex, Cursor, Claude Code, or any agent to use the CLI, like: "use `npx ui-skills start` to fix the motion in this dialog" it finds the best design-engineering skill for the job and uses it as context

Ibelick

62,979 Aufrufe • vor 4 Monaten

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

361,739 Aufrufe • vor 1 Jahr

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

Everyone is talking about Claude Design… but I keep going back to Gemini. Gemini 3.1 Pro is seriously impressive when it comes to motion design. I actually want to try Claude Design, but after only two prompts, I was already running out of credits. If you care about anti AI slop, Gemini is still winning. With a single prompt, it can transform a static HTML layout into dynamic, polished motion graphics.
0:40

Everyone is talking about Claude Design… but I keep going back to Gemini. Gemini 3.1 Pro is seriously impressive when it comes to motion design. I actually want to try Claude Design, but after only two prompts, I was already running out of credits. If you care about anti AI slop, Gemini is still winning. With a single prompt, it can transform a static HTML layout into dynamic, polished motion graphics.

FHILY👑

25,019 Aufrufe • vor 4 Monaten