Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Last week, we shared StorybookGPT – a GPT that automatically creates stories for React TS components. Today, we bring you another incredible tool: Storybook Genie! It lets you automatically generate stories for React components via CLI 🤯 Eduard Constantin 👏

storybookjs's profile picture

Storybook

25,673 subscribers

70,578 görüntüleme • 2 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Introducing Million Lint: A VSCode extension that automatically fixes slow React code for you! Try it out via CLI: npx million@latest
0:15

Introducing Million Lint: A VSCode extension that automatically fixes slow React code for you! Try it out via CLI: npx million@latest

Aiden Bai

213,927 görüntüleme • 1 yıl önce

Agentic traces contain perfect information about an agent’s behavior with every plan, action, and retry. But that information gets lost in a sea of JSON. So we built AgentPrism: open source React components that turn traces into visual diagrams for debugging AI agents. You can plug in your OpenTelemetry data and see your agent’s process unfold: messages, tool calls, retries. Quotient AI automatically monitors, analyzes, and improves AI agents. Being able to review traces quickly is paramount for their research, and for their customers. “Dealing with agent traces was one of the biggest frustrations for our researchers and a huge time sink. All of that has gone away since adding AgentPrism, and we’re excited to bring that functionality to our users.” — Julia Neagu
0:12

Agentic traces contain perfect information about an agent’s behavior with every plan, action, and retry. But that information gets lost in a sea of JSON. So we built AgentPrism: open source React components that turn traces into visual diagrams for debugging AI agents. You can plug in your OpenTelemetry data and see your agent’s process unfold: messages, tool calls, retries. Quotient AI automatically monitors, analyzes, and improves AI agents. Being able to review traces quickly is paramount for their research, and for their customers. “Dealing with agent traces was one of the biggest frustrations for our researchers and a huge time sink. All of that has gone away since adding AgentPrism, and we’re excited to bring that functionality to our users.” — Julia Neagu

Evil Martians

101,372 görüntüleme • 10 ay önce

Good stories transport us to another place and time, but great stories—like Inua - A Story in Ice and Time 🐻‍❄️ 🧊⏳—make us feel connected to the people we meet there. This historical adventure is an #AppStoreAwards Cultural Impact winner that will stick with you for a long time. 📲:
0:20

Good stories transport us to another place and time, but great stories—like Inua - A Story in Ice and Time 🐻‍❄️ 🧊⏳—make us feel connected to the people we meet there. This historical adventure is an #AppStoreAwards Cultural Impact winner that will stick with you for a long time. 📲:

App Store

41,339 görüntüleme • 3 yıl önce

Shooting massive photogrammetry datasets while traveling is amazing. Sorting 5,000 messy RAW files into individual scanning sessions when you get home? An absolute nightmare. 🤬 We got tired of doing it manually, so we built an internal tool. It uses EXIF time-gaps and OpenCV feature-matching to automatically sort your camera dumps into session folders. We love making free tools for the 3D community. Should we polish this up and release it for everyone? Let us know if it's worth a release
0:16

Shooting massive photogrammetry datasets while traveling is amazing. Sorting 5,000 messy RAW files into individual scanning sessions when you get home? An absolute nightmare. 🤬 We got tired of doing it manually, so we built an internal tool. It uses EXIF time-gaps and OpenCV feature-matching to automatically sort your camera dumps into session folders. We love making free tools for the 3D community. Should we polish this up and release it for everyone? Let us know if it's worth a release

KIRI Engine - 3D Scanner App

17,783 görüntüleme • 6 ay önce

5,000 of you. I don’t even know how to put that into words. When I started sharing my art and stories here on X, I honestly didn’t know if anyone would care. The AI community can be loud, fast, overwhelming… and yet, you made space for me. You saw my work. You shared it. You quoted it. You commented. You encouraged me when I doubted myself. This feels like more than a number. It feels like a second chance. I truly believe this might be my last real shot at showing my art and stories to the world, and the fact that 5,000 of you chose to follow, support, and believe in what I create means more than I can explain. Every repost, every like, every thoughtful reply has carried me further than you know. Thank you for standing by an artist experimenting at the edge of AI and imagination. Thank you for helping my stories breathe. Thank you for being here. We’re just getting started.
0:15

5,000 of you. I don’t even know how to put that into words. When I started sharing my art and stories here on X, I honestly didn’t know if anyone would care. The AI community can be loud, fast, overwhelming… and yet, you made space for me. You saw my work. You shared it. You quoted it. You commented. You encouraged me when I doubted myself. This feels like more than a number. It feels like a second chance. I truly believe this might be my last real shot at showing my art and stories to the world, and the fact that 5,000 of you chose to follow, support, and believe in what I create means more than I can explain. Every repost, every like, every thoughtful reply has carried me further than you know. Thank you for standing by an artist experimenting at the edge of AI and imagination. Thank you for helping my stories breathe. Thank you for being here. We’re just getting started.

Toshi

18,219 görüntüleme • 6 ay önce

Oops! 🫣 The loading screen we shared today had a few bugs. We'll repost it next week, but for now let's check out improvements to map verticality! 🚀 Just over a week until 1.0 lands! What are you looking forward to the most? 🤔 #Predecessor #ForgeYourLegacy
0:12

Oops! 🫣 The loading screen we shared today had a few bugs. We'll repost it next week, but for now let's check out improvements to map verticality! 🚀 Just over a week until 1.0 lands! What are you looking forward to the most? 🤔 #Predecessor #ForgeYourLegacy

Predecessor

18,623 görüntüleme • 2 yıl önce

Everybody’s stories and situations are different... but I believe the one thing we all have in common, when it comes to losing a loved one, is how much we miss them… and how much we wish we could pick up the phone and tell them what just happened. Meeting Jr. was definitely one of those moments for me. The response to this song and the stories and pictures you have already shared of your Dads mean the world 🙏 “Dale Jr.” is available NOW:
0:15

Everybody’s stories and situations are different... but I believe the one thing we all have in common, when it comes to losing a loved one, is how much we miss them… and how much we wish we could pick up the phone and tell them what just happened. Meeting Jr. was definitely one of those moments for me. The response to this song and the stories and pictures you have already shared of your Dads mean the world 🙏 “Dale Jr.” is available NOW:

Cole Swindell

48,487 görüntüleme • 1 yıl önce

Another day to post what I love and do best. Last week Saad Aisha booked us for a bridal brunch setup The bride tasted everything and loved it 😊 Thanks for choosing us. You can book us for your next event too we deliver 100%
0:12

Another day to post what I love and do best. Last week Saad Aisha booked us for a bridal brunch setup The bride tasted everything and loved it 😊 Thanks for choosing us. You can book us for your next event too we deliver 100%

Duke’s Delightful Treat 🧑‍🍳

10,241 görüntüleme • 4 ay önce

React Native now has its own shadcn/ui equivalent — introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeui
0:10

React Native now has its own shadcn/ui equivalent — introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeui

The React Native Rewind

118,542 görüntüleme • 1 yıl önce

Experimenting with tldraw, xyflow · React Flow · Svelte Flow & Mermaid JS as visual ways to interact with a code base for interactive modern code review. Claude & Codex can generate so much code so quickly that we are going to need new ways to review and understand their work. Markdown documents, ERDs, tree-maps, flow-charts, systems architecture diagrams, process maps. These could be the new lingua franca of a higher level abstraction of software development. What you're seeing below is a visualisation of the database structure of a Laravel app, automatically generated in a visual code review tool to help with the review of a new feature.
0:15

Experimenting with tldraw, xyflow · React Flow · Svelte Flow & Mermaid JS as visual ways to interact with a code base for interactive modern code review. Claude & Codex can generate so much code so quickly that we are going to need new ways to review and understand their work. Markdown documents, ERDs, tree-maps, flow-charts, systems architecture diagrams, process maps. These could be the new lingua franca of a higher level abstraction of software development. What you're seeing below is a visualisation of the database structure of a Laravel app, automatically generated in a visual code review tool to help with the review of a new feature.

Peter Thomson

27,048 görüntüleme • 7 ay önce

1st place on inkigayo speech #MINGYU #민규 🐶 thank you carats! it's our last broadcast for the 2nd week [of promotions] and i'm very happy that we were able to end it with such a great award. thank you so so much for supporting us and i love you!
0:10

1st place on inkigayo speech #MINGYU #민규 🐶 thank you carats! it's our last broadcast for the 2nd week [of promotions] and i'm very happy that we were able to end it with such a great award. thank you so so much for supporting us and i love you!

🐶

33,658 görüntüleme • 1 yıl önce

And all that we heard from her today was, “Thank you” and “I miss you.” For every “thank you” you give, know that you are always welcome. Everything we do comes straight from the heart, because you deserve all the good things and so much more. Know that we miss you too—so, so much. A lot has happened since we last saw each other in December, but through it all, our love for you and Brent has only grown stronger every day. We’ll see you again very soon. For now, enjoy the cake and know how deeply you are loved and that we’re thinking of you too 🫂💜 — NangNongs of MikBrent 💳 #MikBrent #MikaSalamanca #Kasalanan
0:07

And all that we heard from her today was, “Thank you” and “I miss you.” For every “thank you” you give, know that you are always welcome. Everything we do comes straight from the heart, because you deserve all the good things and so much more. Know that we miss you too—so, so much. A lot has happened since we last saw each other in December, but through it all, our love for you and Brent has only grown stronger every day. We’ll see you again very soon. For now, enjoy the cake and know how deeply you are loved and that we’re thinking of you too 🫂💜 — NangNongs of MikBrent 💳 #MikBrent #MikaSalamanca #Kasalanan

NangNongs of MikBrent

23,912 görüntüleme • 7 ay önce

Had the pleasure of connecting with the amazing Omoni Oboli today, and it turns out we share a lot more than a great conversation. Our shared love for the ‘ice’ (yes, diamonds!) was the cherry on top. BOZ, are you seeing this sparkle? Such an honor to meet the incredible ambassador! If you haven’t also watched; “The uprising: Wives on strike”at the cinemas, what are you waiting for?
0:11

Had the pleasure of connecting with the amazing Omoni Oboli today, and it turns out we share a lot more than a great conversation. Our shared love for the ‘ice’ (yes, diamonds!) was the cherry on top. BOZ, are you seeing this sparkle? Such an honor to meet the incredible ambassador! If you haven’t also watched; “The uprising: Wives on strike”at the cinemas, what are you waiting for?

Shaun Okojie

224,560 görüntüleme • 1 yıl önce

Last Hanukkah, we hosted the Alexander family at the UN. We prayed for a miracle — and that miracle is finally coming true today. Edan is returning home! Dear Edan, I wish you health and am sending a big hug to you and your family. We will continue to do everything in our power to bring home all of our remaining hostages still held in brutal captivity by Hamas.
0:16

Last Hanukkah, we hosted the Alexander family at the UN. We prayed for a miracle — and that miracle is finally coming true today. Edan is returning home! Dear Edan, I wish you health and am sending a big hug to you and your family. We will continue to do everything in our power to bring home all of our remaining hostages still held in brutal captivity by Hamas.

Danny Danon 🇮🇱 דני דנון

17,134 görüntüleme • 1 yıl önce

❄️ Dear Players, On behalf of the entire Romance Club team, we want to say a simple and heartfelt thank you. Thank you for being with us, for your trust, and for choosing our stories year after year, living them alongside the characters, and filling this world with emotion and meaning. When we first embarked on this journey, we could never have imagined that Romance Club would become such a vital, personal space for people all over the world. It is because of you that this game has grown into something more: a space for feelings, support, and inspiration. In the coming year, we wish you more warmth, more joy, and more of those quiet, happy moments that deserve to be savored. May the path ahead be filled with bright stories, both on the pages of our novels and in your own lives. And to make your New Year’s Eve a little brighter, we’ve prepared a small gift for you—a festive promo code: 65NQ7UN3ESDM 🎁 May it become one more warm moment in your evening. With sincere gratitude and warmest wishes, The Romance Club Team 💞 #adventcalendar #romanceclub #visualnovel #mobilegame #winter
0:15

❄️ Dear Players, On behalf of the entire Romance Club team, we want to say a simple and heartfelt thank you. Thank you for being with us, for your trust, and for choosing our stories year after year, living them alongside the characters, and filling this world with emotion and meaning. When we first embarked on this journey, we could never have imagined that Romance Club would become such a vital, personal space for people all over the world. It is because of you that this game has grown into something more: a space for feelings, support, and inspiration. In the coming year, we wish you more warmth, more joy, and more of those quiet, happy moments that deserve to be savored. May the path ahead be filled with bright stories, both on the pages of our novels and in your own lives. And to make your New Year’s Eve a little brighter, we’ve prepared a small gift for you—a festive promo code: 65NQ7UN3ESDM 🎁 May it become one more warm moment in your evening. With sincere gratitude and warmest wishes, The Romance Club Team 💞 #adventcalendar #romanceclub #visualnovel #mobilegame #winter

Romance Club

34,737 görüntüleme • 8 ay önce

Anton - how long have we known each other? How long have we been on the pitch together? How long have we been celebrating success together? For a long time. And now you're just going to end your career? No, no, no! That makes me angry and sad and you know that! 🥲 I can only tell you that you've more than earned your retirement from football. Your successes speak for themselves. What's more, you're one of the nicest people I know. 🙏🏾 We shared so many unforgettable moments on the pitch and you were either a great team-mate or a tough opponent. Only you never really took my fashion tips seriously. 😜🤣 It was an incredible time, what a ride. Let's celebrate our last title together in London, you f...... legend! I love you! 🤍
0:13

Anton - how long have we known each other? How long have we been on the pitch together? How long have we been celebrating success together? For a long time. And now you're just going to end your career? No, no, no! That makes me angry and sad and you know that! 🥲 I can only tell you that you've more than earned your retirement from football. Your successes speak for themselves. What's more, you're one of the nicest people I know. 🙏🏾 We shared so many unforgettable moments on the pitch and you were either a great team-mate or a tough opponent. Only you never really took my fashion tips seriously. 😜🤣 It was an incredible time, what a ride. Let's celebrate our last title together in London, you f...... legend! I love you! 🤍

David Alaba

830,417 görüntüleme • 2 yıl önce

To my brother, my friend Jah Otoo 🙏🏾 Watching you leave today hit hard. You and your partner Kiki_Official brought so much heart, laughter, and realness into this house. You’ve been more than just a housemate you’ve been family. 🫶🏾 Thank you for having my back, for the late-night convos, the jokes, the support, everything. This isn’t goodbye, it’s just a pause. I’m holding it down in here for both of us now and I promise, I’ll see you next week… after we bring that win home. 🏆💪🏾
0:11

To my brother, my friend Jah Otoo 🙏🏾 Watching you leave today hit hard. You and your partner Kiki_Official brought so much heart, laughter, and realness into this house. You’ve been more than just a housemate you’ve been family. 🫶🏾 Thank you for having my back, for the late-night convos, the jokes, the support, everything. This isn’t goodbye, it’s just a pause. I’m holding it down in here for both of us now and I promise, I’ll see you next week… after we bring that win home. 🏆💪🏾

OHENEBA 👑

47,176 görüntüleme • 1 yıl önce

Today, people of all ages and backgrounds came together with one shared purpose: celebrating Israel, the only Jewish State. 🇮🇱💙 Today was a powerful reminder that no matter the challenges we face, our community remains united, strong, and proud. Thank you to everyone who joined us at the Israel Day Parade and helped make this day extraordinary. Thank you to JCRC of New York for organizing this incredible celebration!
0:10

Today, people of all ages and backgrounds came together with one shared purpose: celebrating Israel, the only Jewish State. 🇮🇱💙 Today was a powerful reminder that no matter the challenges we face, our community remains united, strong, and proud. Thank you to everyone who joined us at the Israel Day Parade and helped make this day extraordinary. Thank you to JCRC of New York for organizing this incredible celebration!

Israel in New York

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

Since many of you asked yesterday: Unkey paid us $90k for this rebrand and design. If you think that’s a lot, it really isn’t once you see how much was delivered. Good branding is not just a logo and a few gradients - it’s a huge system built to help a brand evolve across materials without relying on the same visual trick over and over. That’s exactly the kind of system we build for companies. And while today you’ll probably see another round of scary posts about design being eaten by GPT Image 2.0, remember: there are still companies willing to pay a lot for branding done by humans with taste. Those humans may use AI. AI may help speed things up. But it’s still just a tool - and like any tool, you need to learn how to use it.
0:13

Since many of you asked yesterday: Unkey paid us $90k for this rebrand and design. If you think that’s a lot, it really isn’t once you see how much was delivered. Good branding is not just a logo and a few gradients - it’s a huge system built to help a brand evolve across materials without relying on the same visual trick over and over. That’s exactly the kind of system we build for companies. And while today you’ll probably see another round of scary posts about design being eaten by GPT Image 2.0, remember: there are still companies willing to pay a lot for branding done by humans with taste. Those humans may use AI. AI may help speed things up. But it’s still just a tool - and like any tool, you need to learn how to use it.

Alex Barashkov

82,063 görüntüleme • 4 ay önce