A few years back, I nearly wrote "The Fallacy of Federated Design Systems." Then @nathanacurtis.bsky.social beat me to it. But what happens when you try it anyway? At Spotify, I watched federated fail twice, resulting in a huge number of barely reused components and damaged trust in design systems.

For folks that do truncation patterns in their components, how do you handle SC 1.4.4? We often see requests for truncation in different parts of the UI in GitHub but it seems difficult to satisfy this in a lot of scenarios 🤔

This reminded me that if you like Cholula definitely give Valentina a try 😋

For folks using custom elements, how do you deal with styles when doing declarative shadow DOM? 🤔 Specifically would love to avoid duplication and also would like the styles present in the initial payload instead of styles having to be parsed from the JS bundle and applied during hydration

Could be cool to try something like this @katielangerman.bsky.social @sid.st 👀👀

Focus rings! Plural! I wrote for @piccalil.li about how to create a branded double ring focus effect that is dynamically generated based on the interactive element's text color. piccalil.li/blog/taking-...

Finally got around to making an MCP server for Primer: github.com/primer/react... 👀 It's been interesting playing around with tools to provide more context to agents, specifically around our components/tokens/icons/etc and their guidelines. Still holding my breath to see how much it can help 😅

Have been trying to use more custom elements for things but I feel like I keep hitting a wall 😰 Does anyone have a good example of a library that handles things like tooltips, comboboxes, etc well? 👀

Having the hardest time getting events from custom elements working alongside React components in Next.js 🤔 Anyone else have luck with this? It seems to work fine standalone but as soon as I'm in Next.js-world the events stop being fired. I assume something is going on due to SSR? But who knows 🤷‍♂️

When it comes to helpful layout components, what have folks found helpful to include in their design systems?? 🤔 In the past I’ve done ones for Grid, Stack, or a UI shell / page layout type one but would love to know if there are others people like to include 👀

After doing design systems work for a bit, the most surprising skill to have learned is how to gradually and safely migrate code (and how to design code to make that easier in the future 😅) With Primer, we own more of the migrations compared to Carbon and it's been interesting comparing the two

Having Primer Query (www.youtube.com/watch?v=lryI...) has been so nice for migrations over the years. Our team is going through moving from styled-components (with a `sx` prop) to CSS Modules and it's been amazing tracking this with charts in datadog or even as fields in our GitHub projects

Has anyone had success with an MCP server for their design system?? After seeing the shadcn features for their registry would love to try it out and see if it helps or not 🤔

I’d love to start writing more (especially about design systems) this year and I’m curious if I did if there are any topics that folks would be interested in here 👀

Last post of 2024! I wrote about GitHub, interactive lists, and feeeeeeeeelings. ericwbailey.website/published/gi...

I’m irrationally excited for Ghostty 1.0: mitchellh.com/writing/ghos.... A month ago, I don’t know if I even realized how many terminals had come onto the scene as an alternative to iTerm but now I can’t wait to try them all 👀 (currently using WezTerm)

This kind of tool was my dream to have back on Carbon: www.youtube.com/watch?v=lryI... (tool usage at ~6:00). Being able to query all the ways a component is used is like a super power for decision making. It's also pretty nice to be able to finally measure usage lol

One technique that's been invaluable for releasing design systems work for me has been feature flags. It was awesome using them for the last major release of Carbon and now being able to use them for our CSS Modules migration work for Primer has been so nice.

Have been going through Converge 2024 talks this week and now I'm curious what is everyone's favorite Design Systems talk from the year?? 👀

Was curious for other folks doing design systems if you have a good way to get the TypeScript types for your package and components in it? 👀 Have been trying to look into different tools (api extractor, typedoc, docgen, etc) for this but nothing seems to quite cover everything yet.

Honestly have been loving hanging out here this week, the vibes are good 🥰 I’ve been so bummed about Twitter for so long and it’s been a breath of fresh air here.

Hello world 😄