Mark Cianfrani
@cianfrani.me
design system engineer, design tokens + web components. Current status: A Pattern Language
https://cianfrani.dev/
https://cianfrani.dev/
I can’t….I’ve actually never seen that before in my life. This tech is so wild.
a man in a suit and tie is waving his hand in the audience .
Alt: Seinfeld in a suit and tie is waving his hand in the audience .
media.tenor.com
November 29, 2025 at 1:52 AM
I can’t….I’ve actually never seen that before in my life. This tech is so wild.
Big time! Or curating your own pattern language. I also think most big companies prior art is actually a net negative so independent has a crazy advantage here in some respect
November 29, 2025 at 1:43 AM
Big time! Or curating your own pattern language. I also think most big companies prior art is actually a net negative so independent has a crazy advantage here in some respect
I don’t have a good practical answer though. I literally just slap its hand over and over until the codebase reaches critical mass and can give enough prior art that it usually stops doing the thing. If it’s really bad I’ll bake it into a /review command
November 29, 2025 at 1:21 AM
I don’t have a good practical answer though. I literally just slap its hand over and over until the codebase reaches critical mass and can give enough prior art that it usually stops doing the thing. If it’s really bad I’ll bake it into a /review command
Does it know that 🤔? Im definitely guilty of not following best practices when prototyping and abuse globalThis. Just kidding, that’s giving Claude too much credit.
November 29, 2025 at 1:21 AM
Does it know that 🤔? Im definitely guilty of not following best practices when prototyping and abuse globalThis. Just kidding, that’s giving Claude too much credit.
how big is the repo/project?
November 28, 2025 at 9:14 PM
how big is the repo/project?
Keep playing with this and you’ll see how 20 good tokens and some well crafted MCP will steamroll all these component libraries everyone built last year. Jk. AI bad.
November 28, 2025 at 4:15 AM
Keep playing with this and you’ll see how 20 good tokens and some well crafted MCP will steamroll all these component libraries everyone built last year. Jk. AI bad.
Tools like CC will now send up an accepts text/markdown header jawn that you can respect and just send markdown down the wire. Other clients like opencode will just say fuck it and convert every webfetch to markdown.
Storybook is embarrassing and their first MCP was actually a joke I think.
Storybook is embarrassing and their first MCP was actually a joke I think.
November 28, 2025 at 4:15 AM
Tools like CC will now send up an accepts text/markdown header jawn that you can respect and just send markdown down the wire. Other clients like opencode will just say fuck it and convert every webfetch to markdown.
Storybook is embarrassing and their first MCP was actually a joke I think.
Storybook is embarrassing and their first MCP was actually a joke I think.
Nuxt isn’t React but 10/10
November 26, 2025 at 12:53 PM
Nuxt isn’t React but 10/10
For real. Love the space ghost. I thought it was just gonna be like a zoom call
November 26, 2025 at 4:09 AM
For real. Love the space ghost. I thought it was just gonna be like a zoom call
I’ve never been more sold to. Also holy shit the production on this is 🤌
November 26, 2025 at 3:59 AM
I’ve never been more sold to. Also holy shit the production on this is 🤌
Would love to know the postmortem. Is it still getting used? what’s more popular tokens or components?
November 2, 2025 at 2:59 AM
Would love to know the postmortem. Is it still getting used? what’s more popular tokens or components?
Copy the tokens and give it a link to the spec and be like “what’re the parts that are useful for us and then explain to me what any of this shit means”
November 1, 2025 at 2:03 AM
Copy the tokens and give it a link to the spec and be like “what’re the parts that are useful for us and then explain to me what any of this shit means”
But I am genuinely grateful for The Spec and very happy to finally breathe.
November 1, 2025 at 12:53 AM
But I am genuinely grateful for The Spec and very happy to finally breathe.
And. I just read a thing where Atlassian said they were, until v recently, just copy and pasting json into figma and auditing tokens that way? So like none of this shit really matters.
November 1, 2025 at 12:53 AM
And. I just read a thing where Atlassian said they were, until v recently, just copy and pasting json into figma and auditing tokens that way? So like none of this shit really matters.
I still think just having a bunch of json files is fine. “Combotoriallaial explosion” isn’t in my vocabulary.
November 1, 2025 at 12:53 AM
I still think just having a bunch of json files is fine. “Combotoriallaial explosion” isn’t in my vocabulary.
Like you have Brand A and Brand B jawns (modifiers? Idk) but you also want to have a fixed typography jawn and a fluid typography jawn.
November 1, 2025 at 12:53 AM
Like you have Brand A and Brand B jawns (modifiers? Idk) but you also want to have a fixed typography jawn and a fluid typography jawn.
codepen.io/jonneal/pen/... or css custom units 🙏
CSS Custom Units
A custom unit is a variable being used as the unit of a real number....
codepen.io
October 1, 2025 at 12:22 AM
codepen.io/jonneal/pen/... or css custom units 🙏
My god you nailed it. Just let designers design.
September 27, 2025 at 2:19 AM
My god you nailed it. Just let designers design.
The docs: “accessible checkbox adheres to the WAI ARIA checkbox pattern so you know it’s good. Definitely don’t check for yourself”
September 15, 2025 at 10:03 PM
The docs: “accessible checkbox adheres to the WAI ARIA checkbox pattern so you know it’s good. Definitely don’t check for yourself”
“Doesn’t scale” is such a cop out reply. @stuffbreaker.bsky.social seriously huge props for trying to at least push this.
July 15, 2025 at 9:57 PM
“Doesn’t scale” is such a cop out reply. @stuffbreaker.bsky.social seriously huge props for trying to at least push this.
They need to come up with the right marketing name for it.
June 28, 2025 at 4:12 AM
They need to come up with the right marketing name for it.