Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

Introducing A library of interactive UI blocks you can explore, tune, bench, and take into your own projects. Started as a spare-time experiment to see what happens when my design thinking and style meet Claude, pushing further into interactions, components, and the details that make interfaces feel good. Then... show more

Lorenzo Cabra

4,642 subscribers

168,437 Aufrufe • vor 1 Tag •via X (Twitter)

Kunst Bildung Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

UI/UX Designers, you can now give your AI coding agent a better design taste. I just found Refero Styles that has a library with 2,000+ DESIGN.md files from real product sites covering colors, typography, spacing, and components. Ready to paste into Cursor, Claude Code, v0, and Lovable so your agent can build with better design direction Can’t believe it’s free; bookmark it for later. 💜

UI/UX Designers, you can now give your AI coding agent a better design taste. I just found Refero Styles that has a library with 2,000+ DESIGN.md files from real product sites covering colors, typography, spacing, and components. Ready to paste into Cursor, Claude Code, v0, and Lovable so your agent can build with better design direction Can’t believe it’s free; bookmark it for later. 💜

Abraham John 🦄🦓

29,401 Aufrufe • vor 11 Tagen

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

58,969 Aufrufe • vor 4 Monaten

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 G

38,924 Aufrufe • vor 5 Monaten

Claude Code 2.1.90 just dropped with a new /powerup command Run it and you get interactive lessons that teach you how to use Claude Code right inside the tool. It's solid and has a lot of potential for learning directly in the terminal. Curious how the UI will look in VSCode and Claude Code Desktop. Going to keep digging into this new release!

Claude Code 2.1.90 just dropped with a new /powerup command Run it and you get interactive lessons that teach you how to use Claude Code right inside the tool. It's solid and has a lot of potential for learning directly in the terminal. Curious how the UI will look in VSCode and Claude Code Desktop. Going to keep digging into this new release!

Daniel San

271,496 Aufrufe • vor 5 Monaten

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )

Harshil Tomar

79,791 Aufrufe • vor 4 Tagen

✨Introducing YesCheff is a web app that helps you learn, cook, and enjoy your favorite recipes through step-by-step cooking guides built from real YouTube content. You can even use your own YouTube links. A small but special project where I brought all my capabilities together, from design (brand & product) to animation, and development. This project came from exploring how Al models parse data into frontend components and the development of generative interfaces. I designed and developed the structure through React components (HTML, CSS, JS) for the frontend and Node.js for the backend. This is a testament of how one could develop digital products in a less frustrating and more flexible way with the use of Al, particularly when it comes to getting the styling and functionality right. Now which foods are you eager to learn? Check it out at #YesCheff #WebApp #AI #Design #FrontendDevelopment #ReactJS #NodeJS #ProductDesign

JEHTOMS 5.0

85,213 Aufrufe • vor 11 Monaten

We were never fully satisfied with the animated components available outside. Some looked good but were hard to customize. Some were easy to use but felt too basic. So 2 months ago, we started building our own. It started as a Framer component library. Then we expanded it to Next.js and MCP, so people can use it with code and AI builders too. Now we’re finally launching the beta on July 2, 11 AM IST. Only for the first 500 users. If you’re building animated websites, this will save you a lot of time. And I think you’re going to love this.

We were never fully satisfied with the animated components available outside. Some looked good but were hard to customize. Some were easy to use but felt too basic. So 2 months ago, we started building our own. It started as a Framer component library. Then we expanded it to Next.js and MCP, so people can use it with code and AI builders too. Now we’re finally launching the beta on July 2, 11 AM IST. Only for the first 500 users. If you’re building animated websites, this will save you a lot of time. And I think you’re going to love this.

Praha

45,613 Aufrufe • vor 2 Monaten

NEW CLIP! 'Anything for Anasia' 🩷 Your obsession with me is not just a fantasy… even if that’s how it begins. A fantasy… a curiosity… a simple little pull you can’t quite explain. But the more you watch… the more you listen… the more you feel it settling inside your mind. Because your obsession with me is real. Why? Because I am real. A real, powerful woman with a voice that slips into your thoughts and a presence that slowly corrupts them. From my hair… down to my pretty, perfect toes… every inch of me draws you closer. Every word pulls you deeper. You can feel it happening… that warm, heavy feeling of having no choice. And the truth is… you don’t want one. You don’t want control. You don’t want power. You want to feel powerless… helpless… sinking deeper as you beg me to take you further. Deeper into my spell… deeper into your obsession. Anything for Anasia… Anything to be my good boy. IWC: LF: C4S:

NEW CLIP! 'Anything for Anasia' 🩷 Your obsession with me is not just a fantasy… even if that’s how it begins. A fantasy… a curiosity… a simple little pull you can’t quite explain. But the more you watch… the more you listen… the more you feel it settling inside your mind. Because your obsession with me is real. Why? Because I am real. A real, powerful woman with a voice that slips into your thoughts and a presence that slowly corrupts them. From my hair… down to my pretty, perfect toes… every inch of me draws you closer. Every word pulls you deeper. You can feel it happening… that warm, heavy feeling of having no choice. And the truth is… you don’t want one. You don’t want control. You don’t want power. You want to feel powerless… helpless… sinking deeper as you beg me to take you further. Deeper into my spell… deeper into your obsession. Anything for Anasia… Anything to be my good boy. IWC: LF: C4S:

Princess Anasia 💫

23,196 Aufrufe • vor 6 Monaten

We are sharing a major update to our General World Models efforts. GWM Worlds 2 can generate full, interactive, real-time video simulations in one continuous 720p stream at 24 fps and audio at 48000 Hz, responding to your inputs as you explore. It is the first world model that generalizes to arbitrary actions rather than a fixed set of actions or just navigation. Dynamic actions are what actually matter for building gaming and interactive experiences, and for training agents in these simulations. We also introduced WorldPrompt, a way to tell GWM-2 that a world can be split into two kinds of state: what persists and what changes over time. For example: persistent gravity, physics, and light, alongside actions that describe movement, gestures, object interactions, speech, and sound.

We are sharing a major update to our General World Models efforts. GWM Worlds 2 can generate full, interactive, real-time video simulations in one continuous 720p stream at 24 fps and audio at 48000 Hz, responding to your inputs as you explore. It is the first world model that generalizes to arbitrary actions rather than a fixed set of actions or just navigation. Dynamic actions are what actually matter for building gaming and interactive experiences, and for training agents in these simulations. We also introduced WorldPrompt, a way to tell GWM-2 that a world can be split into two kinds of state: what persists and what changes over time. For example: persistent gravity, physics, and light, alongside actions that describe movement, gestures, object interactions, speech, and sound.

Cristóbal Valenzuela

248,177 Aufrufe • vor 8 Tagen

Ever since you’ve moved into this neighborhood, the neighbor across the street seems to have a real issue with you. This winter every time you shovel your driveway, you come back later and you hear mountains of snow everywhere. You check your camera and you see that she intentionally pushes her snow across the street and dumps it into your yard and driveway. Not sure what the problem is nor do you really want to find out, would you let this slide or is it time to return the favor with your new snowblower?

Ever since you’ve moved into this neighborhood, the neighbor across the street seems to have a real issue with you. This winter every time you shovel your driveway, you come back later and you hear mountains of snow everywhere. You check your camera and you see that she intentionally pushes her snow across the street and dumps it into your yard and driveway. Not sure what the problem is nor do you really want to find out, would you let this slide or is it time to return the favor with your new snowblower?

SonnyBoy🇺🇸

123,422 Aufrufe • vor 7 Monaten

We did it again, fam! Another viral day. I’m exhausted now. I honestly don’t know what I would do without all of you. It’s weird to think that, for the last 3 years, I’ve built my life around this weird little project called Dr. Clown. Literally spending my days creating, building this character, building this community, and trying to make you laugh. When I first started on 𝕏, it was before monetization, on another account. Then I realized I could use my humor to make people laugh at a much bigger scale, and everything changed for me. I found a new passion in life. Something that started as a hobby somehow became my full-time job. Thank you for making this possible 🫶

We did it again, fam! Another viral day. I’m exhausted now. I honestly don’t know what I would do without all of you. It’s weird to think that, for the last 3 years, I’ve built my life around this weird little project called Dr. Clown. Literally spending my days creating, building this character, building this community, and trying to make you laugh. When I first started on 𝕏, it was before monetization, on another account. Then I realized I could use my humor to make people laugh at a much bigger scale, and everything changed for me. I found a new passion in life. Something that started as a hobby somehow became my full-time job. Thank you for making this possible 🫶

Dr. Clown, PhD

16,584 Aufrufe • vor 2 Monaten

last week we launched Koji, Brilliant.org 's math and coding tutor. one of my favorite little design details is a dynamic glow effect that visually indicates when Koji is talking. to make it happen, we wrote a script to databind the audio waveform of Koji's voice, then built a preview environment that allowed us to fine-tune the effect before handing off to developers. you can read more about the process below

last week we launched Koji, Brilliant.org 's math and coding tutor. one of my favorite little design details is a dynamic glow effect that visually indicates when Koji is talking. to make it happen, we wrote a script to databind the audio waveform of Koji's voice, then built a preview environment that allowed us to fine-tune the effect before handing off to developers. you can read more about the process below

Zack ☻

20,081 Aufrufe • vor 3 Monaten

A $20 APP CAN ORGANIZE WHAT MOST PEOPLE NEVER DO One creator got tired of scattered notes, forgotten ideas and unfinished projects, so he built his own operating system on top of Obsidian Powered by Claude, it transformed 378 notes, 1,816 connections and 53 knowledge clusters into a living dashboard that looked more like a sci-fi command center than a note-taking app He could see how ideas connected, which projects were active, what routines supported them and where every new piece of information belonged. The system evolved every day, becoming more valuable with every note he added instead of more chaotic In reality, spending $20 a month on the right AI tools and organizing your knowledge properly can be worth far more than buying another course you'll never finish

A $20 APP CAN ORGANIZE WHAT MOST PEOPLE NEVER DO One creator got tired of scattered notes, forgotten ideas and unfinished projects, so he built his own operating system on top of Obsidian Powered by Claude, it transformed 378 notes, 1,816 connections and 53 knowledge clusters into a living dashboard that looked more like a sci-fi command center than a note-taking app He could see how ideas connected, which projects were active, what routines supported them and where every new piece of information belonged. The system evolved every day, becoming more valuable with every note he added instead of more chaotic In reality, spending $20 a month on the right AI tools and organizing your knowledge properly can be worth far more than buying another course you'll never finish

Insomnia

11,660 Aufrufe • vor 1 Monat

April 30 • 12:00pm ET Art Blocks + OpenSea “Gift of time” began during my residency in Marfa, Texas, as part of the Art Blocks and OpenSea artist residency program, where a distinct shift in the experience of time became central to the work. In the desert, I felt time move differently. It stretched, slowed, and became something I noticed. After a few days, the rhythm changed. Moments felt longer, attention sharpened, and I became increasingly aware of each moment as it passed. This work comes from that condition. Time is not treated only as a theme, but as a system embedded in the structure of the piece. Different ways of measuring time, such as mechanical cycles, calendars, and lunar phases, are translated into rules that continuously transform the work. The piece does not represent time. It runs on it. Its movement is tied to blockchain time. Even when unseen, it continues to rotate and evolve. When loaded, it synchronizes with the present moment, but it does not begin when it is viewed, and it does not stop when it disappears from the screen. During the residency, I spent hours thinking, sketching, and making connections. Those connections are also visible. Elastic lines, like rubber bands, link elements across the piece, representing how memories connect, how one thought leads to another, and how everything builds over time. These same connections introduce moments where the system attempts to pull itself back, as if trying to regain control. But it never fully resets. It is not a loop. The movement continues, drifting forward, never returning to a fixed state. Visually, the work reveals its own construction. Lines, paths, and rotations expose an internal logic, like looking inside a mechanism. The drawing language recalls diagrams, technical sketches, or the interior of a mechanical watch. It is a system in motion, always active. “Gift of Time” exists because I was given time by Art Blocks, OpenSea, and above all my family. It is my way of saying thank you. It is both a reflection on time and a product of it. April 30 @ 12:00pm ET on Art blocks & OpenSea 1 / 1 / 365 • 0.02 Eth Art Blocks, OpenSea

April 30 • 12:00pm ET Art Blocks + OpenSea “Gift of time” began during my residency in Marfa, Texas, as part of the Art Blocks and OpenSea artist residency program, where a distinct shift in the experience of time became central to the work. In the desert, I felt time move differently. It stretched, slowed, and became something I noticed. After a few days, the rhythm changed. Moments felt longer, attention sharpened, and I became increasingly aware of each moment as it passed. This work comes from that condition. Time is not treated only as a theme, but as a system embedded in the structure of the piece. Different ways of measuring time, such as mechanical cycles, calendars, and lunar phases, are translated into rules that continuously transform the work. The piece does not represent time. It runs on it. Its movement is tied to blockchain time. Even when unseen, it continues to rotate and evolve. When loaded, it synchronizes with the present moment, but it does not begin when it is viewed, and it does not stop when it disappears from the screen. During the residency, I spent hours thinking, sketching, and making connections. Those connections are also visible. Elastic lines, like rubber bands, link elements across the piece, representing how memories connect, how one thought leads to another, and how everything builds over time. These same connections introduce moments where the system attempts to pull itself back, as if trying to regain control. But it never fully resets. It is not a loop. The movement continues, drifting forward, never returning to a fixed state. Visually, the work reveals its own construction. Lines, paths, and rotations expose an internal logic, like looking inside a mechanism. The drawing language recalls diagrams, technical sketches, or the interior of a mechanical watch. It is a system in motion, always active. “Gift of Time” exists because I was given time by Art Blocks, OpenSea, and above all my family. It is my way of saying thank you. It is both a reflection on time and a product of it. April 30 @ 12:00pm ET on Art blocks & OpenSea 1 / 1 / 365 • 0.02 Eth Art Blocks, OpenSea

Manuel Lariño ☔️

21,931 Aufrufe • vor 4 Monaten

GPT-5.6 Sol is unbelievably good at creating and editing videos. It can do motion design, product demos, and animations like this one I made by simply giving it a screen recording. GPT 5.6 has the best design taste and significantly outperforms Fable, which relies heavily on repetitive design patterns. To help you experiment with video editing on it, we just launched a collection of 100 ready-to-use skills that show what’s possible and help you get started with video editing using GPT-5.6. These skills can create anything from motion graphics launch videos for your product to a 3B1B-style science explainer video. You can also use them to edit existing videos: add captions, generate motion graphics, create voiceovers, redesign visual styles, translate into new languages, and much more. If you want access to the full library, comment “VIDEO SKILLS” and I’ll share it with you. (You'll have to follow me so I can DM you.)

GPT-5.6 Sol is unbelievably good at creating and editing videos. It can do motion design, product demos, and animations like this one I made by simply giving it a screen recording. GPT 5.6 has the best design taste and significantly outperforms Fable, which relies heavily on repetitive design patterns. To help you experiment with video editing on it, we just launched a collection of 100 ready-to-use skills that show what’s possible and help you get started with video editing using GPT-5.6. These skills can create anything from motion graphics launch videos for your product to a 3B1B-style science explainer video. You can also use them to edit existing videos: add captions, generate motion graphics, create voiceovers, redesign visual styles, translate into new languages, and much more. If you want access to the full library, comment “VIDEO SKILLS” and I’ll share it with you. (You'll have to follow me so I can DM you.)

Akash Anand

516,692 Aufrufe • vor 2 Monaten