Sign in

Stefano Magni

@noriste.bsky.social
98 followers 36 following 204 posts

Passionate, positive-minded, Sr Front-end Engineer @ Preply (Design System) / Front-end advisor @ Plannix / ex Hasura (platform team), WorkWave (team leader) / Speaker / Instructor / Writer

PostsRepliesMedia
Stefano Magni @noriste.bsky.social · 27/08/2026
Statecraft's promise is bold: closing the gap between design (it's a design tool...), and code (... that renders real production apps). I had the opportunity to chat with the founder, and we're giving it a go. It's now on Producthunt!! www.producthunt.com/products/sta...
producthunt.com
Statecraft: Create and edit user journeys in your real frontend | Product Hunt
Statecraft maps your product's real journeys from the live code then lets you change them directly and see the result instantly. Edit in the browser, your IDE, or with any AI.
000
Stefano Magni @noriste.bsky.social · 06/08/2026
Great piece of content "Fully Machine-Readable Design Systems" www.designsystemscollective.com/fully-machin...
designsystemscollective.com
Fully Machine-Readable Design Systems
The frontier of our design work is no longer documentation. It is context architecture.
000
Stefano Magni @noriste.bsky.social · 15/07/2026
1. Bring everything you learned about software testing. 2. Apply it to either your skill or your harness to measure effectiveness and prevent regressions This article by Anthropic does it with tons of links and examples from past experience www.anthropic.com/engineering/...
anthropic.com
Demystifying evals for AI agents
Demystifying evals for AI agents
000
Stefano Magni @noriste.bsky.social · 05/06/2026
A great, great piece from one of my favorite Product guys. The thread contains the TL;DR, but at the end there's the detailed article x.com/i/status/206...
x.com
Marco Pesani on X: "A trustworthy agent is not an agent that is always right. It is an agent that makes it cheap to notice when it is wrong. Six patterns that make agent output trustworthy, not just fluent:" / X
A trustworthy agent is not an agent that is always right. It is an agent that makes it cheap to notice when it is wrong. Six patterns that make agent output trustworthy, not just fluent:
000
Stefano Magni @noriste.bsky.social · 05/06/2026
Good overview, and useful mental model, around harness engineering
010
Stefano Magni @noriste.bsky.social · 04/06/2026
Nice short talk about - harnesses via PI state machines - optimized skills and evals around them www.youtube.com/watch?v=vy7o...
youtube.com
How I deleted 95% of my agent skills and got better results — Nick Nisi, WorkOS
YouTube video by AI Engineer
000
Stefano Magni @noriste.bsky.social · 02/06/2026
Only golden articles from Nadia 😊
010
Stefano Magni @noriste.bsky.social · 11/05/2026
Tests have always been key for a quick and safe SDLC, and AI amplifies this good practice. Here you can find a great list of high quality contents and a course around the topic (I also suggest "The Art of Unit Testing" book) x.com/i/status/205... By @kettanaito.com
x.com
Artem Zakharchenko on X: "More and more people are asking me about testing resources so let's put everything I've written in one post. Bookmark, share, and, most importantly, please read these. The True Purpose of Testing https://t.co/qFop2Xt1SJ Developers often overlook the fundamentals and rush into https://t.co/jKeEFVMbVK" / X
More and more people are asking me about testing resources so let's put everything I've written in one post. Bookmark, share, and, most importantly, please read these. The True Purpose of Testing https://t.co/qFop2Xt1SJ Developers often overlook the fundamentals and rush into https://t.co/jKeEFVMbVK
020
Stefano Magni @noriste.bsky.social · 07/05/2026
Very very very good read, I personally experienced both situations (me learning a lot while using LLMs, but also me not learning much and not being able to elaborate on why some changes have been made) x.com/i/status/205...
x.com
000
Stefano Magni @noriste.bsky.social · 07/05/2026
Interesting article: the 100% code coverage is controversial, but it makes a lot of sense, actually bits.logic.inc/p/ai-is-forc...
bits.logic.inc
AI Is Forcing Us To Write Good Code
When Best Practices Are Best
000
Stefano Magni @noriste.bsky.social · 07/05/2026
Omlet is now open source!!!!! Self-hosting it is free; they are winding down Omlet as a business omlet.dev/blog/omlet-o... This move makes a lot of sense to me nowadays...
omlet.dev
Omlet is going open source
Measure the Success of Your Components
000
Stefano Magni @noriste.bsky.social · 30/04/2026
Always check, introducing true negatives, that LLMs catch failures in the success criteria you give them. I'm not surprised by their creativity, but let's not joke about what I use to verify their work 😅
000
Stefano Magni @noriste.bsky.social · 02/04/2026
Don't miss this platform execution master piece, from one of the masters 😎 www.youtube.com/watch?v=D6ys...
youtube.com
Killing Micro Frontends How Radical Simplification 10x'd Our Frontend Velocity - Nicolas Beaussart
YouTube video by BeJS
021
Stefano Magni @noriste.bsky.social · 28/02/2026
This includes a very productive, data-first, backend-isolated, way of working. x.com/i/status/202... I shared a similar approach back in the days, and the suggested approach automates the most annoying (yet important) part: typing that mocks (dev.to/noriste/fron...) Via @kettanaito.com
dev.to
Front-end productivity boost: Cypress as your main development browser
Productivity, productivity, and productivity: how you should leverage a testing tool like Cypress as...
000
Stefano Magni @noriste.bsky.social · 27/02/2026
On native HTML dialog vs JS ones..
000
Stefano Magni @noriste.bsky.social · 25/02/2026
Well, with 1. Perfect API docs 2. Extensive usage across the web 3. Perfect tests 4. Good understanding and taste Your limit is the sky. Rewriting Next.js with Vite is a good example, don't miss the second part of the article about "how was this possible?" 😍
000
Stefano Magni @noriste.bsky.social · 19/02/2026
Definitely the best ever article I read about OKRs 🤯 medium.com/pathtoproduc...
medium.com
So What are OKRs? A Beginner’s Primer
For anyone new to building OKRs (Objective and Key Results), this primer will set you up to understand the “why” and “how” behind OKRs.
000
Stefano Magni @noriste.bsky.social · 13/02/2026
Codex PR review for me has an incredibly high signal/noise ratio, catching also cross-module mistakes 😍
000
Stefano Magni @noriste.bsky.social · 13/02/2026
> It is about teaching at the exact moment you need to learn. This is one of my favourite articles about how to effectively use AI nowadays 😍 x.com/shuding/stat...
x.com
000
Stefano Magni @noriste.bsky.social · 06/02/2026
Short and effective article about Slot/asChild composition patterns ♥️ boda.sh/blog/react-s...
boda.sh
React Slot/asChild Composition Pattern
Introductory guide on Radix UI Slot/asChild, clsx, forwardRef and Base UI useRender/mergeProps
000
Stefano Magni @noriste.bsky.social · 28/01/2026
Receiving such nice feedback is heartwarming 🥰
A message we got in the internal Slack, saying:

"Hello team,
I just want to give a huge shoutout to the entire Design System for the Dropdown Menu component and the amazing documentation you created 
Today I've worked on a task that involved a dropdown menu with icons, suffixes, submenus, you name it. Thanks to the documentation (especially the examples), it was incredibly easy! It's a very well designed (both visually and API-wise) component. And then, when I was almost done, I decided to check what it looks like on mobile and it was just cherry on top.
Thank you!"
010
Stefano Magni @noriste.bsky.social · 23/01/2026
Two great @sarasoueidan.com articles I read and loved before implementing alert banners at the top of the page for Preply's users 😍 www.sarasoueidan.com/blog/accessi... www.sarasoueidan.com/blog/accessi...
sarasoueidan.com
Accessible notifications with ARIA Live Regions (Part 1)
— The personal website of Sara Soueidan, inclusive Web UI engineer
000
Stefano Magni @noriste.bsky.social · 23/01/2026
I tried out Guidepup virtual screen reader in Storybook to test how components are announced scottnath.com/blahg/virtua... The prerequisites are great, but I didn't get it reading the current state of the DOM after interacting with it, bummer!
scottnath.com
Simple setup: Virtual Screen Reader in Storybook
How to set up Storybook with Guidepup's Virtual Screen Reader and test what the screen reader speaks
011
Stefano Magni @noriste.bsky.social · 13/01/2026
And... right before the holidays, one of our team shared the love they put into testing before shipping, including investing a lot in @storybook.js.org, of course 😍
010
Stefano Magni @noriste.bsky.social · 13/01/2026
Two Preply's engineers undertook a huge project: providing all front-end developers with a way to effectively test their front-end applications, leveraging and betting on @storybook.js.org , and then documenting everything in an amazing article 😍 medium.com/preply-engin... 👇
medium.com
Front-end testing at Preply: shifting left towards component testing
Co-authored by Lukasz Rados
151
Stefano Magni @noriste.bsky.social · 12/01/2026
Finally you can throttle individual Network requests in Google Chrome Dev tools 🎉 developer.chrome.com/blog/new-in-...
developer.chrome.com
What's new in DevTools, Chrome 144  |  Blog  |  Chrome for Developers
Chrome DevTools MCP server, individual request throttling, adopted stylesheets and 2025 highlights.
000
Stefano Magni @noriste.bsky.social · 09/01/2026
I want to publicly shout out www.adora.so, definitely one of my favorite products today ❤️ What I love the most is the Slack messages sent to report some UX issues in the product. They are all AI-generated and always relevant, amazing!
adora.so
Adora: Visualize your entire product experience
Every user-journey, every screen, every interaction. Your entire product mapped for you in real-time, overlaid with analytics and replays.
000
Stefano Magni @noriste.bsky.social · 30/12/2025
Holy words 👍
010
Stefano Magni @noriste.bsky.social · 20/12/2025
Great read for tech leads 👏👏👏 world.hey.com/joaoqalves/t...
world.hey.com
Traits of a good Tech Lead
The software development industry during the 2010–2020 decade created roles such as Engineering Manager (EM) and Tech Lead (TL). People had already been using one or the other, but during that decade,...
000
Stefano Magni @noriste.bsky.social · 13/12/2025
In case you missed that maybe the best design system is now open source... 😍
030
Stefano Magni @noriste.bsky.social · 10/12/2025
Our MCPs are used in other companies is always interesting 💡
000
Stefano Magni @noriste.bsky.social · 08/12/2025
TIL: Restart Frame in the Chrome devtools 🤯 blittle.github.io/chrome-dev-t... thanks to the amazing @stefanjudis.com' newsletter ❤️
blittle.github.io
Restart Frame | Down and Dirty with Chrome Developer Tools
A deep dive into advanced functionality within the Chrome Developer tools that will enable you to more effectively build and debug web apps. Presented at the 2014 OpenWest Conference.
073
Stefano Magni @noriste.bsky.social · 01/12/2025
TIL the difference, in React Native, between TextInput `inputMode` (similar to Web's `inputmode` which doesn't customize the keyboard reliably, but it adds good screen readers support) and `keyboardType` (simply changes the keyboard).
010
Stefano Magni @noriste.bsky.social · 24/11/2025
Small yet very useful testing suggestion!!!! 👏👏👏
120
Stefano Magni @noriste.bsky.social · 04/11/2025
I had so much fun chatting with Dan!!! 😍
010
Stefano Magni @noriste.bsky.social · 03/11/2025
> Sorry for the spam but I wanted to say kudos for the great storybook documentation 📷 I had to interact with several components for the first time and docs made it way easier. Sharing the joy we received from a design system user ❤️
010
Stefano Magni @noriste.bsky.social · 31/10/2025
Unmissable talk for who works on DX and for everyone to understand how the dev tools you use can help your LLM workflow
000
Stefano Magni @noriste.bsky.social · 25/10/2025
After a couple of weeks of using it, I can say that the user experience of the DX platform is neat and perfect...
000
Stefano Magni @noriste.bsky.social · 22/10/2025
You can't imagine how much time I spent encouraging engineers to do the same, sharing all the advantages I gained from writing, speaking, and teaching. It's an advantage for companies too, I've recently given an internal talk at Preply about the hiring benefits with numbers. x.com/joaoqalves/s...
x.com
João Alves on X: ".@karpathy says the best way to learn is to build things. He’s right, but as engineers, we know that’s only half the story. Writing, teaching, or preparing a talk forces you to understand what you have built. That’s what this post is about. Link below 👇 https://t.co/zTW4WwUfMD" / X
.@karpathy says the best way to learn is to build things. He’s right, but as engineers, we know that’s only half the story. Writing, teaching, or preparing a talk forces you to understand what you have built. That’s what this post is about. Link below 👇 https://t.co/zTW4WwUfMD
000
Stefano Magni @noriste.bsky.social · 22/10/2025
Don't miss the latest, amazingly detailed, super in-depth Nadia's article 👏👏👏
010
Stefano Magni @noriste.bsky.social · 13/10/2025
I've just applied @simonwillison.net 's Vibe Engineering for delivering a small GitHub Action 😊 simonwillison.net/2025/Oct/7/v...
simonwillison.net
Vibe engineering
I feel like vibe coding is pretty well established now as covering the fast, loose and irresponsible way of building software with AI—entirely prompt-driven, and with no attention paid to …
000
Stefano Magni @noriste.bsky.social · 13/10/2025
Nice morning surprise right after opening Slack 😍
The screenshot is a DX Slack app by https://getdx.com/, which means my company (Preply) started using this great platform.
000
Stefano Magni @noriste.bsky.social · 10/10/2025
This article contains what I'm re-learning working in a design system team (especially because of the a11y act), after a decade spent in web games and high interactive websites, then a decade on B2B complex apps ♥️ alfy.blog/2025/10/04/h...
alfy.blog
How Functional Programming Shaped (and Twisted) Frontend Development
001
Stefano Magni @noriste.bsky.social · 26/09/2025
In case you missed that the same @storybook.js.org great DX is coming to React Native..... 😍 Of course, if you can't render your RN components with RN Web, you'll miss what you get from Chromatic but... @dannyhw.com is cooking, look at this bsky.app/profile/nori...
041
Stefano Magni @noriste.bsky.social · 09/09/2025
Wait, what?! The best end-to-end (Figma<>code) Design System, built by one of the most experienced design (and principal) engineer, that used to cost 1K$ because of its quality and completeness, that has plenty of happy clients... Is it now fully open-source? 🤯 x.com/blvdmitry/st...
x.com
Dima Belyaev on X: "When starting Reshaped, having a paid license kept me going but also felt wrong sometimes. I wanted to give back more to the community. After 5 years – it is finally happening. Reshaped React and Figma libraries are now open-source. https://t.co/1kOhDcBAde Get the links below ✨" / X
When starting Reshaped, having a paid license kept me going but also felt wrong sometimes. I wanted to give back more to the community. After 5 years – it is finally happening. Reshaped React and Figma libraries are now open-source. https://t.co/1kOhDcBAde Get the links below ✨
000
Stefano Magni @noriste.bsky.social · 30/08/2025
I wrote about code reviews more than once ( see dev.to/noriste/supp... for example), and I definitely suggest Matthias' article to find key suggestions for reviewers endler.dev/2025/how-to-...
dev.to
000
Stefano Magni @noriste.bsky.social · 21/08/2025
In 20 minutes, I didn't get to make react-scanner work with Oxc Parser (www.npmjs.com/package/oxc-.... but given that Oxc Parser claims that > the AST conforms to @typescript-eslint/typescript-estree's TS-ESTree format. It's just a matter of dedicating a bit more time 😍
npmjs.com
130
Stefano Magni @noriste.bsky.social · 14/08/2025
"What I Wish Someone Told Me When I Was Getting Into ARIA" Definitely the best practical article I've ever read about ARIA 😍 www.smashingmagazine.com/2025/06/what... via @stefanjudis.com of course 😎
smashingmagazine.com
What I Wish Someone Told Me When I Was Getting Into ARIA — Smashing Magazine
[Accessible Rich Internet Applications (ARIA)](https://www.w3.org/WAI/standards-guidelines/aria/) is an inevitability when working on web accessibility. That said, it’s everyone’s first time learning ...
010
Stefano Magni @noriste.bsky.social · 11/08/2025
Well, @storybook.js.org's Danny is cooking something veeeeeeery interesting 🤩 - Interaction tests function for React Native github.com/storybookjs/... - Screenshot testing for React Native github.com/dannyhw/rn-s...
github.com
feat: experimental playfn by dannyhw · Pull Request #751 · storybookjs/react-native
Issue: #734 What I did playfnexample.mp4 How to test Please explain how to test your changes and consider the following questions Does this need a new example ...
060
Stefano Magni @noriste.bsky.social · 08/08/2025
How do you (automatically) test your React Native components' a11y? Join the discussion on @storybook.js.org 's Discord channel 😊 discord.com/channels/486...
discord.com
Discord - Group Chat That’s All Fun & Games
Discord is great for playing games and chilling with friends, or even building a worldwide community. Customize your own space to talk, play, and hang out.
030