Josh Black
@josh.black
Building a design system at GitHub. Previously worked on the Carbon Design System.
This reminded me that if you like Cholula definitely give Valentina a try 😋
The Great (Refrigerator) Divide
I like a good hot sauce. It's not, like, my personality, but I enjoy them. There are enough different hot sauces that having a bit of a collection of them is reasonable. Cholula is a mainstay, working equally well on Mexican and egg-based dishes. Although admit…
I like a good hot sauce. It's not, like, my personality, but I enjoy them. There are enough different hot sauces that having a bit of a collection of them is reasonable. Cholula is a mainstay, working equally well on Mexican and egg-based dishes. Although admit…
The Great (Refrigerator) Divide
I like a good hot sauce. It's not, like, my personality, but I enjoy them. There are enough different hot sauces that having a bit of a collection of them is reasonable. Cholula is a mainstay, working equally well on Mexican and egg-based dishes. Although admit Tabasco is my general go-to. The green Tabasco works particularly well on Chipotle for whatever reason.
chriscoyier.net
November 7, 2025 at 6:23 PM
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
November 1, 2025 at 9:48 PM
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 👀👀
Linear has a 30-minute weekly meeting called "Quality Wednesdays." I sat through one and WOW
Devs show a quality or perf-related fix they did last week. It can be big, or small. We went through 17 issues, from massive backend performance wins, to this tiny one. Can you see it?
Devs show a quality or perf-related fix they did last week. It can be big, or small. We went through 17 issues, from massive backend performance wins, to this tiny one. Can you see it?
September 24, 2025 at 3:09 PM
Could be cool to try something like this @katielangerman.bsky.social @sid.st 👀👀
Reposted by Josh Black
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-...
Taking a shot at the double focus ring problem using modern CSS
A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.
piccalil.li
September 18, 2025 at 3:05 PM
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 😅
August 21, 2025 at 6:51 PM
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? 👀
August 21, 2025 at 6:49 PM
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 🤷♂️
July 3, 2025 at 11:50 PM
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 👀
one but would love to know if there are others people like to include 👀
June 20, 2025 at 1:57 AM
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 👀
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
June 4, 2025 at 3:40 PM
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
Every component, everywhere, all at once
YouTube video by GitHub
www.youtube.com
June 2, 2025 at 6:31 PM
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 🤔
May 19, 2025 at 5:33 PM
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 👀
January 12, 2025 at 12:15 AM
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 👀
Reposted by Josh Black
Last post of 2024! I wrote about GitHub, interactive lists, and feeeeeeeeelings. ericwbailey.website/published/gi...
GitHub’s updated Commits page and the interactive list component
This post is about interactive lists on GitHub, and how to use them.
ericwbailey.website
December 20, 2024 at 3:06 PM
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)
Ghostty 1.0 is Coming
mitchellh.com
December 8, 2024 at 5:53 PM
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
Every component, everywhere, all at once
YouTube video by GitHub
www.youtube.com
December 5, 2024 at 4:39 PM
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.
December 4, 2024 at 4:46 PM
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?? 👀
November 18, 2024 at 4:11 PM
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.
November 8, 2024 at 4:51 PM
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.
November 3, 2024 at 11:01 PM
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.