Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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!

lepadphone's profile picture

padphone

6,741 subscribers

204,914 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Interactive Creature Encyclopedia with MiniMax Design (H3) MiniMax H3 Used one UI reference image and 8 creature images. #MiniMaxH3 handles these type of UI animations really well. You can check the prompt below.
0:15

Interactive Creature Encyclopedia with MiniMax Design (H3) MiniMax H3 Used one UI reference image and 8 creature images. #MiniMaxH3 handles these type of UI animations really well. You can check the prompt below.

Kōda

65,770 görüntüleme • 1 ay önce

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.
0:15

Player stats UI animation with GPT Image 2 and MiniMax H3. This model is amazing for UI animations. Give GPT Image 2 your character image and ask it to create a stats UI. Then use that UI as a reference for MiniMax H3. You can check the prompt in the replies.

Kōda

41,985 görüntüleme • 1 ay önce

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 🚀
0:13

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👑

363,145 görüntüleme • 4 ay önce

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)
0:18

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

368,938 görüntüleme • 4 ay önce

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 ｡･:*:･ﾟ★,｡･:*:･ﾟ☆
0:16

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

67,083 görüntüleme • 3 ay önce

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

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

Pasquale Vitiello

23,252 görüntüleme • 1 yıl önce

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

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

Maxim Kuznetsov

14,222 görüntüleme • 3 ay önce

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
0:15

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,627,851 görüntüleme • 1 yıl önce

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.
0:19

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

The /design skill brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.
0:12

The /design skill brings Claude Design’s artboard workflow into the CLI and Claude Code Desktop, built on artifacts. Run it with a brief and Claude publishes a canvas of editable artboards for your UI. Pick one, tweak it, then have Claude implement it.

Ado

26,791 görüntüleme • 12 gün önce

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
0:15

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,663 görüntüleme • 1 yıl önce

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.
0:14

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,129 görüntüleme • 2 yıl önce

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

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

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 🥲
0:14

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 görüntüleme • 1 yıl önce

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.
0:12

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 G

38,924 görüntüleme • 5 ay önce

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 💜
0:16

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

Today, we're joining Google's release of A2UI v0.9 🎉 Declarative Generative UI with your own design system. Works with any AG-UI Agent. Your agents describes UI via JSON, your frontend renders it using your components catalog like lego building blocks UI is alive and dead. CLI for agents, Generative UI for humans. Try it out: npx copilotkit@latest create my-app --framework a2ui
0:19

Today, we're joining Google's release of A2UI v0.9 🎉 Declarative Generative UI with your own design system. Works with any AG-UI Agent. Your agents describes UI via JSON, your frontend renders it using your components catalog like lego building blocks UI is alive and dead. CLI for agents, Generative UI for humans. Try it out: npx copilotkit@latest create my-app --framework a2ui

Atai Barkai

71,895 görüntüleme • 4 ay önce

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.
0:10

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,124 görüntüleme • 3 yıl önce

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
0:14

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,564 görüntüleme • 1 yıl önce

[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
0:17

[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,870 görüntüleme • 1 yıl önce