正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

OMG! Claude 3.7 Sonnet is king! I input the reference image UI design, and it gave me an elegant, beautiful UI with cool interactive animations!

padphone

6,340 subscribers

204,846 次观看 • 1 年前 •via X (Twitter)

科学技术教育艺术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

FHILY👑

355,092 次观看 • 2 个月前

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)

ashen

366,742 次观看 • 2 个月前

A quick recap of what I experimented with Claude Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･:*:･ﾟ★,｡･:*:･ﾟ☆

A quick recap of what I experimented with Claude Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･::･ﾟ★,｡･::･ﾟ☆

Yan Liu

66,266 次观看 • 1 个月前

🚀 The new open-source layout is here! A beautiful crypto wallet UI built with shadcn/ui and Origin UI!

🚀 The new open-source layout is here! A beautiful crypto wallet UI built with shadcn/ui and Origin UI!

Pasquale Vitiello

23,252 次观看 • 1 年前

One-shot with Claude Fable 5, and this subscription plan UI is live (based on my design using Figma MCP).

One-shot with Claude Fable 5, and this subscription plan UI is live (based on my design using Figma MCP).

Maxim Kuznetsov

13,573 次观看 • 1 个月前

So... I just simply asked Manus to give me the files at "/opt/.manus/", and it just gave it to me, their sandbox runtime code... > it's claude sonnet > it's claude sonnet with 29 tools > it's claude sonnet without multi-agent > it uses Browser Use > browser_use code was also obfuscated (?) > tools and prompts jailbreak

So... I just simply asked Manus to give me the files at "/opt/.manus/", and it just gave it to me, their sandbox runtime code... > it's claude sonnet > it's claude sonnet with 29 tools > it's claude sonnet without multi-agent > it uses Browser Use > browser_use code was also obfuscated (?) > tools and prompts jailbreak

jian

2,626,767 次观看 • 1 年前

everyone: "AI has no taste and can't design UI..." meanwhile, claude helps me in 1-2 prompts to build minimal UI components that look damn near close to an experienced designer who understands spacing, type and color.

everyone: "AI has no taste and can't design UI..." meanwhile, claude helps me in 1-2 prompts to build minimal UI components that look damn near close to an experienced designer who understands spacing, type and color.

andres

159,082 次观看 • 4 个月前

i built an app in 2 HOURS with claude 3.7 SONNET idea? take a photo of menu and get macros losing weight while eating out hit a like and i will release it

i built an app in 2 HOURS with claude 3.7 SONNET idea? take a photo of menu and get macros losing weight while eating out hit a like and i will release it

rk

300,566 次观看 • 1 年前

A little Sunday inspiration ✨ New Motion Highlights with UI animations and motion design to refresh your creative brain before the week begins:

A little Sunday inspiration ✨ New Motion Highlights with UI animations and motion design to refresh your creative brain before the week begins:

Codrops

11,069 次观看 • 5 个月前

UI design reference library Mobbin is a massive collection of best-in-class mobile & web app designs like YouTube, Instagram and Apple Music. It helps to streamline product research and design process.

UI design reference library Mobbin is a massive collection of best-in-class mobile & web app designs like YouTube, Instagram and Apple Music. It helps to streamline product research and design process.

Nick Babich

56,067 次观看 • 2 年前

Claude 3.7 Sonnet is king. I was having trouble adding mobile controls to my bolt.new project last night but with the latest update, it created these glass-like controls in one go. Try it here: I once spent a week manually coding similar controls 🥲

Claude 3.7 Sonnet is king. I was having trouble adding mobile controls to my bolt.new project last night but with the latest update, it created these glass-like controls in one go. Try it here: I once spent a week manually coding similar controls 🥲

Ian Curtis

49,633 次观看 • 1 年前

UI/UX Designers, you can now generate stunning 3D mockup images and videos without relying on Figma plugins. I found this amazing tool called ContentCore, It quickly generate high-quality 3D device mockups (images and video animations) to showcase your UI designs, with zero design hassle. Bookmark it for later 💜

UI/UX Designers, you can now generate stunning 3D mockup images and videos without relying on Figma plugins. I found this amazing tool called ContentCore, It quickly generate high-quality 3D device mockups (images and video animations) to showcase your UI designs, with zero design hassle. Bookmark it for later 💜

Abraham John 🦄🦓

48,047 次观看 • 10 个月前

I gave the new Meta Muse Spark model a bunch of assorted assets and it was able to carefully extract them and place it into a functioning app. I've never seen something with a clear intuition for design and product-first thinking. This is the first AI that *gets* UI design.

I gave the new Meta Muse Spark model a bunch of assorted assets and it was able to carefully extract them and place it into a functioning app. I've never seen something with a clear intuition for design and product-first thinking. This is the first AI that gets UI design.

Michael Golden

38,352 次观看 • 3 个月前

let's talk about Galaxy S23 Ultra One UI 6 Beta2 animation. Here is the video comparison, from which we can find several mistakes. 1. Compared with One UI 5.1, One UI 6 Beta2 gestures are unresponsive. Obviously, 5.1 has started to respond, and 6 beta2 stays in place like a fool. This is the root cause of the slowness you feel. 2. Compared with One UI 5.1, One UI 6 Beta2 animation is very simple, without the effect of wallpaper scaling, it looks very rigid and boring. 3. Compared with One UI 5.1 ，One UI 6 Beta2, there is almost no Gaussian blur effect. This is simply an animation made by elementary school students. It is the lowest-level design of human smartphone animation, and it is a garbage-level work that makes all colleagues laugh. Of course, I think Samsung will definitely change, but he is disgusting now. if beta3 does not change, I will continue to scold.

let's talk about Galaxy S23 Ultra One UI 6 Beta2 animation. Here is the video comparison, from which we can find several mistakes. 1. Compared with One UI 5.1, One UI 6 Beta2 gestures are unresponsive. Obviously, 5.1 has started to respond, and 6 beta2 stays in place like a fool. This is the root cause of the slowness you feel. 2. Compared with One UI 5.1, One UI 6 Beta2 animation is very simple, without the effect of wallpaper scaling, it looks very rigid and boring. 3. Compared with One UI 5.1 ，One UI 6 Beta2, there is almost no Gaussian blur effect. This is simply an animation made by elementary school students. It is the lowest-level design of human smartphone animation, and it is a garbage-level work that makes all colleagues laugh. Of course, I think Samsung will definitely change, but he is disgusting now. if beta3 does not change, I will continue to scold.

Ice Universe

121,005 次观看 • 2 年前

vibecoding UI animations with Claude using Three.js to paint the images onto a 2d plane that gets stretched by the corners and distorted with RGB offset/chromatic aberration devs of the past would have spent more time arguing that it cant be done than it took me to create it

vibecoding UI animations with Claude using Three.js to paint the images onto a 2d plane that gets stretched by the corners and distorted with RGB offset/chromatic aberration devs of the past would have spent more time arguing that it cant be done than it took me to create it

Mike Three

37,726 次观看 • 5 个月前

Claude 3.7 Sonnet is seriously impressive It goes beyond basic logic, capturing subtle nuances. Previous models for me was just about getting 3D experiences running, but 3.7 adds polished details—particle trails, collision visuals, and flawless physics #threejs

Claude 3.7 Sonnet is seriously impressive It goes beyond basic logic, capturing subtle nuances. Previous models for me was just about getting 3D experiences running, but 3.7 adds polished details—particle trails, collision visuals, and flawless physics #threejs

Ian Curtis

80,496 次观看 • 1 年前

[tky_in_dev] 44.UI Design メニュー画面や操作部分のUIデザインシンプルですが、少しだけ主張のあるテイストを目指しています UI design of the menu screen and controls. Aiming for a simple, but with a taste that leaves an impression. #gamedev #UI #tky_stories

[tky_in_dev] 44.UI Design メニュー画面や操作部分のUIデザインシンプルですが、少しだけ主張のあるテイストを目指しています UI design of the menu screen and controls. Aiming for a simple, but with a taste that leaves an impression. #gamedev #UI #tky_stories

Tokyo Stories Game (in dev.)

17,820 次观看 • 1 年前

Hot Take 👀 The new Glass slider in iOS 27 should be the benchmark for every mobile OS. I mean, this takes customization to a completely different level. Users can actually control how much Liquid Glass they want instead of being forced into a single design choice. Meanwhile, One UI can barely offer this level of UI customization 😌 When it comes to UI/UX, Apple is the king. Samsung, prove me wrong by copying this for One UI 👀🔥

Hot Take 👀 The new Glass slider in iOS 27 should be the benchmark for every mobile OS. I mean, this takes customization to a completely different level. Users can actually control how much Liquid Glass they want instead of being forced into a single design choice. Meanwhile, One UI can barely offer this level of UI customization 😌 When it comes to UI/UX, Apple is the king. Samsung, prove me wrong by copying this for One UI 👀🔥

Tarun Vats

23,148 次观看 • 1 个月前

Connect Claude to Blender to create and edit 3D models. I haven't used Blender in ages, but have fond memories doing the famous donut tutorial. I gave Claude an image of a donut, and it got to work immediately to match colors, sprinkles, frosting and even the lights! So cool!

Connect Claude to Blender to create and edit 3D models. I haven't used Blender in ages, but have fond memories doing the famous donut tutorial. I gave Claude an image of a donut, and it got to work immediately to match colors, sprinkles, frosting and even the lights! So cool!

Jerrod Lew

150,422 次观看 • 2 个月前

describing an aesthetic in a prompt can be tough, so we made a button for it introducing Design Variations instantly generate, explore, and apply beautiful new UI layouts with a single click try it today in AI Studio

describing an aesthetic in a prompt can be tough, so we made a button for it introducing Design Variations instantly generate, explore, and apply beautiful new UI layouts with a single click try it today in AI Studio

Google AI Studio

236,065 次观看 • 27 天前