Julien Déramond
@deramond.dev
Design systems tools · Upstream contributions · Bootstrap core team · Creator of Open {re}Source · Design System Tech Lead at Thales · deramond.dev
I rebranded everything I publish (site, docs, slides, socials) in eight days, on spare time, with Claude and a private repo.
Not a designer: Claude did the visuals, I was a human colour picker. Then tokens, 4 npm packages, ~80 PRs.
deramond.dev/blog/rebrand...
Not a designer: Claude did the visuals, I was a human colour picker. Then tokens, 4 npm packages, ~80 PRs.
deramond.dev/blog/rebrand...
Rebranding everything I publish in eight days, with Claude and a private repo
My website, tool docs, Storybooks, slides, READMEs and social accounts now share one identity. How a private branding repository, a written backlog and Claude as a design partner got it done on spare ...
deramond.dev
September 25, 2026 at 12:16 PM
I rebranded everything I publish (site, docs, slides, socials) in eight days, on spare time, with Claude and a private repo.
Not a designer: Claude did the visuals, I was a human colour picker. Then tokens, 4 npm packages, ~80 PRs.
deramond.dev/blog/rebrand...
Not a designer: Claude did the visuals, I was a human colour picker. Then tokens, 4 npm packages, ~80 PRs.
deramond.dev/blog/rebrand...
Another experiment: I wanted a new representation of my design tokens, so dtgraph draws them as a node graph. One node per token, one edge per reference.
A few thousand tokens is hard to hold in your head. Much easier to look at.
julien-deramond.github.io/dtgraph/
A few thousand tokens is hard to hold in your head. Much easier to look at.
julien-deramond.github.io/dtgraph/
September 16, 2026 at 1:30 PM
Another experiment: I wanted a new representation of my design tokens, so dtgraph draws them as a node graph. One node per token, one edge per reference.
A few thousand tokens is hard to hold in your head. Much easier to look at.
julien-deramond.github.io/dtgraph/
A few thousand tokens is hard to hold in your head. Much easier to look at.
julien-deramond.github.io/dtgraph/
A side experiment: Bootstrap 6's design system as DTCG tokens, plus a visual theme builder that writes them. Pick a brand colour, a radius, a density: out comes a custom.scss.
Very draft, and not an official Bootstrap thing.
julien-deramond.github.io/bootstrap-to...
Very draft, and not an official Bootstrap thing.
julien-deramond.github.io/bootstrap-to...
September 12, 2026 at 5:46 AM
A side experiment: Bootstrap 6's design system as DTCG tokens, plus a visual theme builder that writes them. Pick a brand colour, a radius, a density: out comes a custom.scss.
Very draft, and not an official Bootstrap thing.
julien-deramond.github.io/bootstrap-to...
Very draft, and not an official Bootstrap thing.
julien-deramond.github.io/bootstrap-to...
Experimenting with Transtyle, a compiler for design systems.
Define your system once in a small DSL built around DTCG, then compile it into native themes for shadcn, Bootstrap, and more.
Experiment + AI slop. Very alpha.
🌎 transtyle.github.io/transtyle/
📝 transtyle.github.io/transtyle/bl...
Define your system once in a small DSL built around DTCG, then compile it into native themes for shadcn, Bootstrap, and more.
Experiment + AI slop. Very alpha.
🌎 transtyle.github.io/transtyle/
📝 transtyle.github.io/transtyle/bl...
Transtyle — the design system compiler
Transtyle is a design system compiler: describe your design system once, compile native themes for every ecosystem.
transtyle.github.io
August 30, 2026 at 8:50 PM
Experimenting with Transtyle, a compiler for design systems.
Define your system once in a small DSL built around DTCG, then compile it into native themes for shadcn, Bootstrap, and more.
Experiment + AI slop. Very alpha.
🌎 transtyle.github.io/transtyle/
📝 transtyle.github.io/transtyle/bl...
Define your system once in a small DSL built around DTCG, then compile it into native themes for shadcn, Bootstrap, and more.
Experiment + AI slop. Very alpha.
🌎 transtyle.github.io/transtyle/
📝 transtyle.github.io/transtyle/bl...
Probably got a bug somewhere 🦗💻
July 18, 2026 at 9:26 AM
Probably got a bug somewhere 🦗💻
🧩 New open-source library: Component Anatomy
Interactive anatomy docs for design systems. Get two-way hover sync between the rendered component and its docs.
Framework-agnostic core, plus @astro.build & @storybook.js.org integrations.
github.com/julien-deram...
Interactive anatomy docs for design systems. Get two-way hover sync between the rendered component and its docs.
Framework-agnostic core, plus @astro.build & @storybook.js.org integrations.
github.com/julien-deram...
July 8, 2026 at 8:14 PM
🧩 New open-source library: Component Anatomy
Interactive anatomy docs for design systems. Get two-way hover sync between the rendered component and its docs.
Framework-agnostic core, plus @astro.build & @storybook.js.org integrations.
github.com/julien-deram...
Interactive anatomy docs for design systems. Get two-way hover sync between the rendered component and its docs.
Framework-agnostic core, plus @astro.build & @storybook.js.org integrations.
github.com/julien-deram...
Update the article at openresource.dev/articles/run... to mention the latest Gemma 4 open model. Let's test if this provides better results. 🧪
Running a Local AI Inside Obsidian with Ollama
Learn to set up Ollama with Obsidian for a completely local AI writing assistant. Step-by-step guide to private, offline AI that works with your notes without sending data to the cloud.
openresource.dev
April 11, 2026 at 2:34 PM
Update the article at openresource.dev/articles/run... to mention the latest Gemma 4 open model. Let's test if this provides better results. 🧪
POV: maintainer of an open source project
Spare time well spent 🤖
Spare time well spent 🤖
March 18, 2026 at 12:00 PM
POV: maintainer of an open source project
Spare time well spent 🤖
Spare time well spent 🤖
Reposted by Julien Déramond
Time to update! 🌟
And if you're using any of my plugins or themes, updates are being worked on as we speak, so stay tuned.
And if you're using any of my plugins or themes, updates are being worked on as we speak, so stay tuned.
March 11, 2026 at 4:56 PM
Time to update! 🌟
And if you're using any of my plugins or themes, updates are being worked on as we speak, so stay tuned.
And if you're using any of my plugins or themes, updates are being worked on as we speak, so stay tuned.
Reposted by Julien Déramond
npmx is now in alpha: this is our story, as told by our team and friends
Announcing npmx: a fast, modern browser for the npm registry
Today we're releasing the alpha of npmx.dev – a fast, modern browser for the npm registry, built in the open by a growing community.
npmx.dev
March 3, 2026 at 12:23 PM
npmx is now in alpha: this is our story, as told by our team and friends
The latest 2025 State of JavaScript survey results.
State of JavaScript 2025
The 2025 edition of the annual survey about the latest trends in the JavaScript ecosystem.
2025.stateofjs.com
February 6, 2026 at 8:41 AM
The latest 2025 State of JavaScript survey results.
Reposted by Julien Déramond
We have a unique opportunity with npmx. We're building something very special together. I want to give myself the chance to focus on helping steward the project. I'm going to be working as an independent open source developer this year. Support my work and help me focus on npmx long-term 🙏
Sponsor @patak-dev on GitHub Sponsors
Hey! I'm one of the Project Stewards of [npmx](https://npmx.dev). We're building a modern browser for the npm registry, by fostering an ever growing community of developers and trying to set an exa...
github.com
February 1, 2026 at 8:13 PM
We have a unique opportunity with npmx. We're building something very special together. I want to give myself the chance to focus on helping steward the project. I'm going to be working as an independent open source developer this year. Support my work and help me focus on npmx long-term 🙏
I integrated this into my note-taking system and I’m experimenting with using it instead of remote LLMs when I just need basic help.
Less powerful, but possibly good enough for summarizing, grammar, or reformatting. Still early, and I haven’t tried other local models yet.
Less powerful, but possibly good enough for summarizing, grammar, or reformatting. Still early, and I haven’t tried other local models yet.
A short article explaining how to run a local AI model inside Obsidian using Ollama.
If you try out this setup, let me know how it goes! Share your experiences, tips, or custom workflows.
Happy note-taking!
#obsidian #ollama #OSS #OpenSource
If you try out this setup, let me know how it goes! Share your experiences, tips, or custom workflows.
Happy note-taking!
#obsidian #ollama #OSS #OpenSource
Running a Local AI Inside Obsidian with Ollama
Learn to set up Ollama with Obsidian for a completely local AI writing assistant. Step-by-step guide to private, offline AI that works with your notes without sending data to the cloud.
openresource.dev
February 2, 2026 at 5:59 AM
I integrated this into my note-taking system and I’m experimenting with using it instead of remote LLMs when I just need basic help.
Less powerful, but possibly good enough for summarizing, grammar, or reformatting. Still early, and I haven’t tried other local models yet.
Less powerful, but possibly good enough for summarizing, grammar, or reformatting. Still early, and I haven’t tried other local models yet.
Le replay est disponible sur la chaîne YouTube d'Open Source Experience par ici : www.youtube.com/watch?v=SOPW...
January 6, 2026 at 4:16 PM
Le replay est disponible sur la chaîne YouTube d'Open Source Experience par ici : www.youtube.com/watch?v=SOPW...
Rendez-vous demain à @osxp2023.bsky.social à la Cité des Sciences et de l'Industrie (Paris 19) à 16 h 20 dans la salle 4.
Présentation en français de "Design Systems : Stratégies Inner & Open Source".
#OSXP2025 #Paris
Présentation en français de "Design Systems : Stratégies Inner & Open Source".
#OSXP2025 #Paris
December 9, 2025 at 7:21 AM
Rendez-vous demain à @osxp2023.bsky.social à la Cité des Sciences et de l'Industrie (Paris 19) à 16 h 20 dans la salle 4.
Présentation en français de "Design Systems : Stratégies Inner & Open Source".
#OSXP2025 #Paris
Présentation en français de "Design Systems : Stratégies Inner & Open Source".
#OSXP2025 #Paris
Reposted by Julien Déramond
No fresh Advent of Open Source this year... but the Winter Open Source Village is still waiting for you! ❄️🏘️
Enjoy last year’s challenges with 3 difficulty levels and a cozy little lore: adventofopensource.com/advent/
Enjoy last year’s challenges with 3 difficulty levels and a cozy little lore: adventofopensource.com/advent/
About
Advent of Open Source is a community-driven event to introduce newcomers to Open Source Software development, and to help all participants to create or enhance their repositories.
adventofopensource.com
November 30, 2025 at 12:32 PM
No fresh Advent of Open Source this year... but the Winter Open Source Village is still waiting for you! ❄️🏘️
Enjoy last year’s challenges with 3 difficulty levels and a cozy little lore: adventofopensource.com/advent/
Enjoy last year’s challenges with 3 difficulty levels and a cozy little lore: adventofopensource.com/advent/
It’s that spooky season again 🎃
The @github.com contributions graph gets its Halloween look via `data-holiday="halloween"`. There’s even a “winter” variant waiting in the CSS for when things get frosty ❄️
The @github.com contributions graph gets its Halloween look via `data-holiday="halloween"`. There’s even a “winter” variant waiting in the CSS for when things get frosty ❄️
October 31, 2025 at 12:36 PM
It’s that spooky season again 🎃
The @github.com contributions graph gets its Halloween look via `data-holiday="halloween"`. There’s even a “winter” variant waiting in the CSS for when things get frosty ❄️
The @github.com contributions graph gets its Halloween look via `data-holiday="halloween"`. There’s even a “winter” variant waiting in the CSS for when things get frosty ❄️
Design Tokens specification reaches first stable version | Design Tokens Community Group
www.w3.org
October 29, 2025 at 5:55 AM
Reposted by Julien Déramond
I recently published an early preview of a new Visual Studio Code extension providing IntelliSense for Starlight Markdown and MDX content links: internal links completions, fragments completions, go to definition/follow link, and hover preview.
github.com/HiDeoo/starl...
github.com/HiDeoo/starl...
October 14, 2025 at 8:27 AM
I recently published an early preview of a new Visual Studio Code extension providing IntelliSense for Starlight Markdown and MDX content links: internal links completions, fragments completions, go to definition/follow link, and hover preview.
github.com/HiDeoo/starl...
github.com/HiDeoo/starl...
💡Needed a diff between branches, but wanted to skip some folders or files. Turns out this syntax is pretty useful:
```
git diff v1-dev..master > v1-dev..master.diff -- . ':(exclude)dir_or_file'
```
```
git diff v1-dev..master > v1-dev..master.diff -- . ':(exclude)dir_or_file'
```
October 12, 2025 at 5:56 PM
💡Needed a diff between branches, but wanted to skip some folders or files. Turns out this syntax is pretty useful:
```
git diff v1-dev..master > v1-dev..master.diff -- . ':(exclude)dir_or_file'
```
```
git diff v1-dev..master > v1-dev..master.diff -- . ':(exclude)dir_or_file'
```
Didn't know about that, but if a page includes <meta name="fediverse:creator" content="@user@server">, then when it’s shared on Mastodon, an extra footer banner appears linking to that Fediverse user.
September 6, 2025 at 6:56 PM
Didn't know about that, but if a page includes <meta name="fediverse:creator" content="@user@server">, then when it’s shared on Mastodon, an extra footer banner appears linking to that Fediverse user.
🚀 Excited to share that my talk “Design Systems: Inner & Open Source Strategies” has been accepted at Open Source Experience this December! 🇫🇷 #OSXP2025 🎉
It’ll be in French, and I’ve got 20 minutes, so it’s going to be intense!
👉 Any specific aspects you’d like me to cover?
It’ll be in French, and I’ve got 20 minutes, so it’s going to be intense!
👉 Any specific aspects you’d like me to cover?
August 20, 2025 at 11:19 AM
🚀 Excited to share that my talk “Design Systems: Inner & Open Source Strategies” has been accepted at Open Source Experience this December! 🇫🇷 #OSXP2025 🎉
It’ll be in French, and I’ve got 20 minutes, so it’s going to be intense!
👉 Any specific aspects you’d like me to cover?
It’ll be in French, and I’ve got 20 minutes, so it’s going to be intense!
👉 Any specific aspects you’d like me to cover?
Represented Bootstrap with @mdo.bsky.social at the 2nd session of @github.com Secure Open Source Fund!
Intense sessions with presentations, actions & homework: ready to boost security!
Thanks to all Hubbers, Funding & Ecosystem Partners!
You're maintaining an OSS project? Apply for a future session!
Intense sessions with presentations, actions & homework: ready to boost security!
Thanks to all Hubbers, Funding & Ecosystem Partners!
You're maintaining an OSS project? Apply for a future session!
Securing the supply chain at scale: Starting with 71 important open source projects
Learn how the GitHub Secure Open Source Fund helped 71 open source projects significantly improve their security posture.
github.blog
August 11, 2025 at 6:58 PM
Represented Bootstrap with @mdo.bsky.social at the 2nd session of @github.com Secure Open Source Fund!
Intense sessions with presentations, actions & homework: ready to boost security!
Thanks to all Hubbers, Funding & Ecosystem Partners!
You're maintaining an OSS project? Apply for a future session!
Intense sessions with presentations, actions & homework: ready to boost security!
Thanks to all Hubbers, Funding & Ecosystem Partners!
You're maintaining an OSS project? Apply for a future session!
Reposted by Julien Déramond
📜 Interested in publishing changelogs with your Starlight docs? Just released a new plugin to do just that:
- Support generating changelogs from many sources like Changesets, GitHub Releases, and more to come
- Paginated list of all versions with individual version pages
github.com/HiDeoo/starl...
- Support generating changelogs from many sources like Changesets, GitHub Releases, and more to come
- Paginated list of all versions with individual version pages
github.com/HiDeoo/starl...
GitHub - HiDeoo/starlight-changelogs: Starlight plugin to display changelogs alongside your project documentation
Starlight plugin to display changelogs alongside your project documentation - HiDeoo/starlight-changelogs
github.com
August 6, 2025 at 7:09 AM
📜 Interested in publishing changelogs with your Starlight docs? Just released a new plugin to do just that:
- Support generating changelogs from many sources like Changesets, GitHub Releases, and more to come
- Paginated list of all versions with individual version pages
github.com/HiDeoo/starl...
- Support generating changelogs from many sources like Changesets, GitHub Releases, and more to come
- Paginated list of all versions with individual version pages
github.com/HiDeoo/starl...