<?xml version="1.0" encoding="UTF-8"?><feed
	xmlns="http://www.w3.org/2005/Atom"
	xmlns:thr="http://purl.org/syndication/thread/1.0"
	xml:lang="en-US"
	>
	<title type="text">Brad Frost</title>
	<subtitle type="text">Web Designer, Teacher, Consultant, Writer, Musician, Artist</subtitle>

	<updated>2026-04-08T04:01:11Z</updated>

	<link rel="alternate" type="text/html" href="https://bradfrost.com" />
	<id>https://bradfrost.com/feed/atom/</id>
	<link rel="self" type="application/atom+xml" href="https://bradfrost.com/feed/atom/" />

	<generator uri="https://wordpress.org/" version="6.9.4">WordPress</generator>
	<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[An update on life and work]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/an-update-on-life-and-work/" />

		<id>https://bradfrost.com/?p=25446</id>
		<updated>2026-04-08T04:01:11Z</updated>
		<published>2026-04-08T04:01:10Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="client services" /><category scheme="https://bradfrost.com" term="clients" /><category scheme="https://bradfrost.com" term="community" /><category scheme="https://bradfrost.com" term="course" /><category scheme="https://bradfrost.com" term="inspiration" /><category scheme="https://bradfrost.com" term="life" /><category scheme="https://bradfrost.com" term="purpose" />
		<summary type="html"><![CDATA[I&#8217;ve gone a lot of hard and scary experiences that&#8217;s made me deeply value stability. After enduring varied traumas, I really turned on the afterburners to make up for being ripped away from my own life and to rebuild a [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/an-update-on-life-and-work/"><![CDATA[
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="An Update on Life and Work" width="500" height="281" src="https://www.youtube.com/embed/cF21KbWfucw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>I&#8217;ve gone a lot of hard and scary experiences that&#8217;s made me deeply value stability. After enduring varied traumas, I really turned on the afterburners to make up for being ripped away from my own life and to rebuild a sense of forward momentum. That translated into a real drive to earn money to feed my family, which I&#8217;m sure is an instinct that we all share.</p>



<p>I&#8217;ve been head down grinding for over 13 years, and I&#8217;ve been able to reflect and came to a realization. </p>



<p><strong>My goal is to be in a place where I can <em>give as much of myself away as possible.</em></strong> I want to make things, help people, collaborate, learn new things, help people learn new things, collaborate, build community, riff, share, create, and help people live more creative, fulfilling lives. And have a good time while doing it. That&#8217;s what I&#8217;m here for. </p>



<p>I&#8217;ve always had a hard time taking a compliment, and would awkwardly bristle when people would describe me as inspiring. But ya know what? Fuck it. I&#8217;m now embracing it. If I&#8217;m decent at inspiring people to do creative things, to live better lives, I realized I want to do that as much as humanly possible.</p>



<p>Ian and I have been grinding hard to put the financial floor in place in order to take care of our families. If we can do that with the courses we&#8217;re building, that&#8217;s amazing.</p>



<h2 class="wp-block-heading">A hard realization about client work</h2>



<p>I&#8217;m doing a client consulting gig right now, and it&#8217;s been super rewarding.  I&#8217;ve been working with heroes of mine and people that I really admire. The work&#8217;s interesting and we&#8217;re helping them and we&#8217;re doing a lot of good and meaningful work. I feel appreciated and confident in my own abilities to make a difference.</p>



<p>Which is why it&#8217;s bizarre to say this: <strong>I&#8217;ve come to the hard realization that I can&#8217;t do client work anymore.</strong></p>



<p>It&#8217;s certainly not for lack of wanting. But as much as I love it, client work is very <em>laborious</em> and time consuming. You&#8217;re up close and personal, intimately getting to know how an organization operates at a human level, at a technology level, at all sorts of things. That&#8217;s what makes it meaningful. That&#8217;s also what makes it consuming.</p>



<p>The fact of the matter is I&#8217;ve been hard at work building this whole other thing now: courses, workshops, teaching, videos, creating, producing, publishing, mentoring, community building and more. I&#8217;ve got a whole freaking THING going!</p>



<p>I have full awareness of how lucky I am that technology companies call me asking how they should do technology. It&#8217;s crazy. I&#8217;m very privileged and I&#8217;m very honored. </p>



<p>As much as love helping one company do things better, I want <em>everybody</em> to be helped by what I&#8217;m putting out into the world. I want to connect with people from all over the world and teach them things and learn from them, and to create the conditions for people to connect and learn from each other. </p>



<p>So after 19 years of client work — my <em>entire</em> professional career — I think I need to commit to that instead.</p>



<h2 class="wp-block-heading">Building community</h2>



<p>Our courses aren&#8217;t just some cluster of videos; we&#8217;re truly putting all of ourselves into them. They&#8217;ve grown well beyond our initial vision and have become a living, breathing organism. We&#8217;re increasingly bringing everybody together into a vibrant, collaborative community — scheming with friends, building a center of gravity around learning cool and relevant stuff, having fun, treating each other well.</p>



<p>So yeah, that&#8217;s where I&#8217;m going! Building community. Giving things away. Teaching, connecting, learning from people. That&#8217;s what I want to commit my life to. That&#8217;s why I&#8217;ve been fighting so hard for: to put the financial foundation in place so I&#8217;m finally free to do this mission.</p>



<p>So here we go. Let&#8217;s see where this goes!</p>



<h2 class="wp-block-heading">Thank you for coming along for the ride</h2>



<p>I&#8217;ve met a lot of people from a lot of places now. We have these strange relationships that are 15+ years old because we said a thing to each other on the internet once.  But even if that isn&#8217;t the case, if you&#8217;re reaching this at all, thank you so much. It really means the world to me, and I truly want to connect with you.</p>



<p>&#8220;I want to connect with you&#8221; feels so weird and disingenuous to say. I feel like the landscape has gotten so polluted where everything feels transactional or grifty. But fuck all that influencer noise that&#8217;s been built up around social media and the web.</p>



<p><strong>At its core, the web still just people connecting. I want to demonstrate that you can (still!) really wield the ideals of the web, connect with people, do that authentically, and to point it at good things.</strong></p>



<p>So that&#8217;s what I&#8217;m here to do. It&#8217;s still a strange phenomenon talking through pixels and time and space, but I love connecting with people and knowing that there&#8217;s some people out there that are on the same wavelength as me. That makes me feel really good. I want to do more of that. </p>



<p>This has been a freaking journey, and I&#8217;m excited for what&#8217;s to come. Thanks.</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Storybook MCP with Dominic Nguyen]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/storybook-mcp-with-dominic-nguyen/" />

		<id>https://bradfrost.com/?p=25444</id>
		<updated>2026-04-06T02:50:16Z</updated>
		<published>2026-04-06T02:50:14Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="ai" /><category scheme="https://bradfrost.com" term="ai and design systems" /><category scheme="https://bradfrost.com" term="design systems" /><category scheme="https://bradfrost.com" term="dominic nguyen" /><category scheme="https://bradfrost.com" term="mcp" /><category scheme="https://bradfrost.com" term="storybook" /><category scheme="https://bradfrost.com" term="testing" />
		<summary type="html"><![CDATA[Dominic Nguyen (Founder of Storybook and Chromatic) joins me to talk about Storybook MCP the long journey of design system quality. We get into what it actually feels like to be &#8220;scaredcited&#8221; right now, and Dom shows off the newly-released [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/storybook-mcp-with-dominic-nguyen/"><![CDATA[
<p><a href="https://www.linkedin.com/in/domyen/">Dominic Nguyen</a> (Founder of <a href="https://storybook.js.org/">Storybook</a> and <a href="https://www.chromatic.com/">Chromatic</a>) joins me to talk about <a href="https://storybook.js.org/ai">Storybook MCP</a> the long journey of design system quality. </p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="Storybook MCP with Dominic Nguyen" width="500" height="281" src="https://www.youtube.com/embed/vbr4qyuG1Zc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>We get into what it actually feels like to be &#8220;scaredcited&#8221; right now, and Dom shows off the newly-released Storybook MCP. He shows me a demo where AI generates a new search feature using sturdy existing design system components, run it through Storybook&#8217;s testing gauntlet, and catch a real accessibility issue in the process.</p>



<p>It was really awesome to see years and years of hard-earned knowledge &amp; features come together to serve this new era. The freaking power of open source software! Just incredible.</p>



<p>If you&#8217;re want to learn how to <em>actually wield</em> Storybook MCP and the plethora of other tools out there to help you: </p>



<ul class="wp-block-list">
<li>make better design systems</li>



<li>make better products using AI &amp; design systems</li>



<li>invent the future of user experience</li>
</ul>



<p>Then we&#8217;d love it if you checked out our <a href="https://aianddesign.systems/">AI &amp; Design Systems</a> course.</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[My 8-year-old vibe-coded a video game about playing music with Michael McDonald]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/my-8-year-old-vibe-coded-a-video-game-about-playing-music-with-michael-mcdonald/" />

		<id>https://bradfrost.com/?p=25431</id>
		<updated>2026-03-27T11:24:37Z</updated>
		<published>2026-03-26T19:32:44Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="ai" /><category scheme="https://bradfrost.com" term="creative infinite" /><category scheme="https://bradfrost.com" term="creativity" /><category scheme="https://bradfrost.com" term="design" /><category scheme="https://bradfrost.com" term="ella" /><category scheme="https://bradfrost.com" term="family" /><category scheme="https://bradfrost.com" term="life" /><category scheme="https://bradfrost.com" term="vibe coding" /><category scheme="https://bradfrost.com" term="video games" />
		<summary type="html"><![CDATA[My 8-year-old vibe-coded a video game called &#8220;Play With Michael McDonald&#8221;, and she wanted to present it. So here&#8217;s Ella! The origin story After playing some Mario Party minigames the other evening, my 8-year-old daughter said, I wanna make a [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/my-8-year-old-vibe-coded-a-video-game-about-playing-music-with-michael-mcdonald/"><![CDATA[
<p>My 8-year-old vibe-coded a video game called <a href="https://michael-mcdonald-game.netlify.app/">&#8220;Play With Michael McDonald&#8221;</a>, and she wanted to present it. So here&#8217;s Ella!</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe title="My 8-year-old vibe-coded a video game &quot;Play With Michael McDonald&quot;" width="500" height="281" src="https://www.youtube.com/embed/2dIrb-iZ83c?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">The origin story</h2>



<p>After playing some Mario Party minigames the other evening, my 8-year-old daughter said, </p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>I wanna make a game where you are a backing musician for Michael McDonald on his world tour, and you traveled to the south pole and play music, and there are penguins dancing around.</p>
</blockquote>



<p>&#8230;as you do. So we sat down with <a href="https://www.anthropic.com/product/claude-cowork">Claude Cowork</a> and punched in the following:</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="612" src="https://bradfrost.com/wp-content/uploads/2026/03/Descriptvid-Play-With-Michael-McDonald-A-Prototype-Descript2026-03-26-at-14.11.20@2x-1024x612.png" alt="Help me and my daughter make a video game in Unity) (or similar platform that is actually accomplishable) called Playing With Michael McDonald, where you you're a backup musician for Michael McDonald and you help him play his songs on different instruments.
You're on tour, and here are the tour stops:
• Level 1 is New York City
• Level 2 is California
• Level 3 is vapan
• Level 4 is the North Pole and you're dancing with penguins and they're waving their arms to the music.
Help us make this!" class="wp-image-25432" srcset="https://bradfrost.com/wp-content/uploads/2026/03/Descriptvid-Play-With-Michael-McDonald-A-Prototype-Descript2026-03-26-at-14.11.20@2x-1024x612.png 1024w, https://bradfrost.com/wp-content/uploads/2026/03/Descriptvid-Play-With-Michael-McDonald-A-Prototype-Descript2026-03-26-at-14.11.20@2x-700x418.png 700w, https://bradfrost.com/wp-content/uploads/2026/03/Descriptvid-Play-With-Michael-McDonald-A-Prototype-Descript2026-03-26-at-14.11.20@2x-768x459.png 768w, https://bradfrost.com/wp-content/uploads/2026/03/Descriptvid-Play-With-Michael-McDonald-A-Prototype-Descript2026-03-26-at-14.11.20@2x.png 1242w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>We then sat down with Claude Cowork and spent the next 15 minutes iterating over the game, laughing all the way. </p>



<h2 class="wp-block-heading">Into the Creative Infinite</h2>



<p>This experience conjures up all sorts of thoughts and feelings, which I&#8217;ll save for another day. But I do think that this exemplifies what I&#8217;m calling <a href="https://bradfrost.com/blog/post/the-creative-infinite/">The Creative Infinite</a>.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="The Creative Infinite" width="500" height="281" src="https://www.youtube.com/embed/QJFEgIpNIic?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>We&#8217;re in a place where we can think of ideas, articulate them, and then seconds/minutes later be interacting with those ideas, seeing them come to life before our very eyes.</p>



<p>It&#8217;s truly stunning, and unlocks all sorts of big opportunities and challenges. But setting all of that aside, I&#8217;m just so incredibly excited to see what my daughter&#8217;s gonna come up with next.</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Coding Club]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/coding-club/" />

		<id>https://bradfrost.com/?p=25411</id>
		<updated>2026-03-26T02:15:17Z</updated>
		<published>2026-03-26T01:56:21Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="code" /><category scheme="https://bradfrost.com" term="coding club" /><category scheme="https://bradfrost.com" term="creativity" /><category scheme="https://bradfrost.com" term="css" /><category scheme="https://bradfrost.com" term="ella" /><category scheme="https://bradfrost.com" term="life" /><category scheme="https://bradfrost.com" term="web design" />
		<summary type="html"><![CDATA[Today I trekked to my daughter&#8217;s school (a long walk across the street!) to speak at her after-school coding club that&#8217;s been meeting weekly over the last month. It was really fun to see how they were learning to code. [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/coding-club/"><![CDATA[
<p>Today I trekked to my daughter&#8217;s school (a long walk across the street!) to speak at her after-school coding club that&#8217;s been meeting weekly over the last month. </p>



<p>It was really fun to see how they were learning to code. I knew they were using <a href="https://www.scratchjr.org/">Scratch</a> (which Ella has excitedly talked about over dinner), but I only learned about the little <a href="https://store.makewonder.com/products/dash?srsltid=AfmBOopC1MLKtMxxuNSHisQcmU-KMviN6WtBchIsDrTZI7NPV-Ng65nG">Dash robots</a> as they swarmed around my feet while I was getting set up. The kids controlled them with iPads from across the room, and I slapped a sticky note containing the guest WI-FI password. The girls were grinning.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="973" height="1002" src="https://bradfrost.com/wp-content/uploads/2026/03/CleanShotCleanShot2026-03-25-at-17.36.40.png" alt="A Dash Robot" class="wp-image-25412" srcset="https://bradfrost.com/wp-content/uploads/2026/03/CleanShotCleanShot2026-03-25-at-17.36.40.png 973w, https://bradfrost.com/wp-content/uploads/2026/03/CleanShotCleanShot2026-03-25-at-17.36.40-700x721.png 700w, https://bradfrost.com/wp-content/uploads/2026/03/CleanShotCleanShot2026-03-25-at-17.36.40-768x791.png 768w" sizes="auto, (max-width: 973px) 100vw, 973px" /></figure>



<p>They reserved the last half hour for me to chat and have fun with the kids. I asked them how they liked coding club, and asked what their favorite thing they&#8217;ve coded so far. A girl in the back yelled:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>I really like [THIS ONE], because Tinkercad hates me!</p>
</blockquote>



<p>I laughed and exclaimed:</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><strong>YES! Sometimes code hates you, and sometimes it feels like you hate the code. It can be frustrating when things don&#8217;t work, but when we persist and eventually the code works, it&#8217;s the best feeling! And that feeling of satisfaction never goes away. </strong></p>
</blockquote>



<p><strong>That little quip prompted me to inadvertently describe the fuel that keeps me and countless others showing up to code day after day, year after year, decade after decade.</strong></p>



<h2 class="wp-block-heading">Demo time!</h2>



<p>I mentioned that different code does different things, and that it&#8217;s possible to make code for a living. I said I get to make really fun websites and collaborate with people from all over the world.</p>



<p>I got to show and tell my website, and unsurprisingly the kids liked the dots. </p>



<p>I got to show off some of the cool demos and <a href="https://visualzzz.bradfrost.com/">visualizations</a> I&#8217;ve been working on. I was excited to show off the <a href="https://visualzzz.bradfrost.com/?anim=emojiTranscript&amp;g.audioTargetParams=baseFontSize&amp;p.effect=typeSidescroll">Emoji Transcript</a> visualization I made that live-translates speech into emoji. The kids shouted out their favorite animals, and it wasn&#8217;t long before &#8220;Toilet (<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6bd.png" alt="🚽" class="wp-smiley" style="height: 1em; max-height: 1em;" />) and Poop (<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a9.png" alt="💩" class="wp-smiley" style="height: 1em; max-height: 1em;" />) were invoked. That one brought the house down.</p>



<figure class="wp-block-video"><video height="1128" style="aspect-ratio: 2126 / 1128;" width="2126" controls src="https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeBF-Visualzzz-—-Dynamic-Video-Backgrounds2026-03-25-at-17.45.19.mp4"></video></figure>



<p>We then went to <a href="https://www.minecraft.net/en-us">Minecraft&#8217;s website</a> and I cracked open the web inspector and explained, &#8220;This website is made of code. You can look at it and even change it!&#8221;</p>



<p>We turned on <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode">designMode</a> by running:</p>



<pre class="wp-block-code"><code>document.designMode = "on"</code></pre>



<p>and did the classic &#8220;change the background color&#8221; as well as updated some of the website copy. They were impressed.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="843" src="https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeInbox-70-brad@bradfrost.com-Brad-Frost-Web-Mail2026-03-25-at-17.07.35-1024x843.png" alt="An altered version of Minecraft's website using web inspector to change background colors to pink and blue" class="wp-image-25415" srcset="https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeInbox-70-brad@bradfrost.com-Brad-Frost-Web-Mail2026-03-25-at-17.07.35-1024x843.png 1024w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeInbox-70-brad@bradfrost.com-Brad-Frost-Web-Mail2026-03-25-at-17.07.35-700x577.png 700w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeInbox-70-brad@bradfrost.com-Brad-Frost-Web-Mail2026-03-25-at-17.07.35-768x633.png 768w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeInbox-70-brad@bradfrost.com-Brad-Frost-Web-Mail2026-03-25-at-17.07.35-1536x1265.png 1536w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeInbox-70-brad@bradfrost.com-Brad-Frost-Web-Mail2026-03-25-at-17.07.35.png 1594w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>I then got to explain that code makes all sorts of things, including games. I pulled up <a href="https://bradfrost.com/blog/post/the-creative-infinite/">Ella&#8217;s latest work</a>: her <a href="https://michael-mcdonald-game.netlify.app/">vibe-coded game about playing music with Michael McDonald</a>. </p>



<figure class="wp-block-image size-full"><a href="https://michael-mcdonald-game.netlify.app/"><img loading="lazy" decoding="async" width="1021" height="682" src="https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromePlaying-With-Michael-McDonald2026-03-24-at-02.18.31.png" alt="A digital scene with cartoon penguins, colorful toy-like figures, and icebergs. A stage reads &quot;Michael McDonald.&quot; A speech bubble says &quot;I named my CAT after this man!&quot; and stating a Michael McDonald fact" class="wp-image-25402" srcset="https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromePlaying-With-Michael-McDonald2026-03-24-at-02.18.31.png 1021w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromePlaying-With-Michael-McDonald2026-03-24-at-02.18.31-700x468.png 700w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromePlaying-With-Michael-McDonald2026-03-24-at-02.18.31-768x513.png 768w" sizes="auto, (max-width: 1021px) 100vw, 1021px" /></a></figure>



<p>I kept looking over at Ella to see if she was comfortable with me sharing her game. She seemed excited about it the morning before school, but I know all that can change when your peers are actually looking at your creation. I could tell by her proud smirk she was alright with it. </p>



<p>It was a big hit! There were lots of shouts of &#8220;Where can I play this!?&#8221; from her classmates. Which then allowed me to explain about domains, URLs, that there aren&#8217;t special tools needed to make your own website, and all you need to do is make it available to launch it.</p>



<p>The grand finale demo involved a website I made at the last minute before leaving my house. I showed the shell of a web page, and then pulled up a JSON file in my <a href="https://cursor.com/">IDE</a>. I went around the room and asked each kid their <code>name</code>, favorite <code>color</code>, favorite <code>animal</code>, and a <code>funFact</code> about themselves. </p>



<p>I was thoroughly impressed by how patient the kids were as they attentively listen to each of their ~16-18 classmates take their turn. After the last kid shared their <code>funFact</code>, I switched back to the browser and said, &#8220;ok, do you want to see our website?!&#8221; I refreshed the page and showed off a website with their data populated. </p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="799" height="1024" src="https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeCoding-Club-Crew2026-03-25-at-16.54.42-799x1024.png" alt="A website called &quot;Coding club crew&quot; featuring a grid of cards populated with each kid's provided info" class="wp-image-25421" srcset="https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeCoding-Club-Crew2026-03-25-at-16.54.42-799x1024.png 799w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeCoding-Club-Crew2026-03-25-at-16.54.42-700x897.png 700w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeCoding-Club-Crew2026-03-25-at-16.54.42-768x984.png 768w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeCoding-Club-Crew2026-03-25-at-16.54.42.png 1033w" sizes="auto, (max-width: 799px) 100vw, 799px" /></figure>



<p>Wooooaaahh! was the collective response. Each card opened up (using <a href="https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API"><code>view-transition</code>s</a> for some extra flair) to show a detail view for each kid, equipped with the <code>funFact</code> and <a href="https://designtokenscourse.com/">UI themed</a> to their favorite color.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="957" src="https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeCoding-Club-Crew2026-03-25-at-21.29.58@2x-1024x957.png" alt="A card from the coding club demo website that shows a green card with Ella &quot;loves Elephants&quot; . A fun fact that says &quot;I like rock climbing&quot;, and a button that reads &quot;Back to everyone&quot;" class="wp-image-25422" srcset="https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeCoding-Club-Crew2026-03-25-at-21.29.58@2x-1024x957.png 1024w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeCoding-Club-Crew2026-03-25-at-21.29.58@2x-700x654.png 700w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeCoding-Club-Crew2026-03-25-at-21.29.58@2x-768x718.png 768w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeCoding-Club-Crew2026-03-25-at-21.29.58@2x-1536x1435.png 1536w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeCoding-Club-Crew2026-03-25-at-21.29.58@2x.png 1736w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>We didn&#8217;t stop until I clicked on every last one of those kids&#8217; names hahahaha.</p>



<h2 class="wp-block-heading">Excited for the future</h2>



<p>I feel like we covered a lot of ground in a half hour, certainly more than I expected to cover. Ella&#8217;s teacher and the librarian who run the coding club were grateful and were happy that I actually showed them the code&#8217;s results and not just the code itself. </p>



<p>&#8220;You&#8217;d be surprised how many professionals with Masters&#8217; degrees in Computer Science seem to forget to show the actual results.&#8221; was my response.</p>



<p>We said our goodbyes, and Ella and I walked home together back across the street to our house. We&#8217;re usually both pretty chatty (she is my daughter after all), but we mostly were quiet on our brief walk back.</p>



<p>The gravity of the day is only now sinking in, and I&#8217;m choking up as I write this. Ella generally knows what I do, and often sees me staring at a glowing rectangle far more than I&#8217;d like. But today I got to share my world — this world of code that I&#8217;ve been immersed in for nearly all of my life — with Ella, her peers, and teachers. I got to proudly show off Ella&#8217;s coded creations, and got to see everyone&#8217;s delight in collaborating to make something fun together.</p>



<p>There was no talk about business value, GitHub issues, stakeholder alignment, or developer handoff. I simply got to share the sheer magic that is coding, the magic that is the World Wide Web, the magic that is having ideas, the magic of bringing those ideas to life, and the magic of creating things with other people.</p>



<p>Thank you, coding club. Thank you, World Wide Web. Thank you, code. </p>
]]></content>
		
		<link href="https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromeBF-Visualzzz-—-Dynamic-Video-Backgrounds2026-03-25-at-17.45.19.mp4" rel="enclosure" length="81765138" type="video/mp4" />
	</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[The Creative Infinite]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/the-creative-infinite/" />

		<id>https://bradfrost.com/?p=25396</id>
		<updated>2026-03-24T11:39:45Z</updated>
		<published>2026-03-24T06:11:01Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="ai" /><category scheme="https://bradfrost.com" term="creative infinite" /><category scheme="https://bradfrost.com" term="creativity" /><category scheme="https://bradfrost.com" term="design" /><category scheme="https://bradfrost.com" term="vibe coding" />
		<summary type="html"><![CDATA[I found myself using the phrase &#8220;the Creative Infinite&#8221; when I&#8217;m talking about AI as a design material. I keep coming back to it because I don&#8217;t think we&#8217;ve fully grasped what this technology actually is, what it can do, [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/the-creative-infinite/"><![CDATA[
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="The Creative Infinite" width="500" height="281" src="https://www.youtube.com/embed/QJFEgIpNIic?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>I found myself using the phrase &#8220;the Creative Infinite&#8221; when I&#8217;m talking about AI as a design material. I keep coming back to it because I don&#8217;t think we&#8217;ve fully grasped what this technology actually <em>is</em>, what it can do, and what it means for human creative potential.</p>



<p>I want to set aside the usual conversations — IP concerns, job displacement, college kids lazy term papers. All of that is real, valid, and concerns around it all are shared by me. But here I want to focus on this fact: <strong>never before in human history has it been possible for anyone to simply ask for something to exist, and then it just…exists. Where the inputs can be <em>anything</em>, the outputs can be <em>anything</em>, and the whole process can be repeated, iterated, combined, translated, and chained together indefinitely.</strong></p>



<p>I don&#8217;t think we fully understand what that means.</p>



<h2 class="wp-block-heading">There&#8217;s never been a better time to have the thought &#8220;wouldn&#8217;t it be cool if&#8230;&#8221;</h2>



<p>After playing some post-dinner Mario Party minigames, my 8-year-old casually told me she wanted to make a video game. &#8220;What do you want the game to be about?&#8221; I asked. </p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>You&#8217;re a musician on tour with Michael McDonald. You travel to the South Pole and play with penguins.</p>
</blockquote>



<p>She knows that I think Michael McDonald is hilarious (and talented), and I could tell she was trying to make me laugh.</p>



<p>&#8220;Do you want to make that?&#8221; I asked, and she said yeah.</p>



<p>In 5 minutes, Ella vibe-coded a playable game (built in Three.js via Claude Cowork) running in the browser.</p>



<p>That&#8217;s just bonkers. At no point in human history has it been possible to simply describe a game in words and then just&#8230; play it 5 minutes later. </p>



<p>Ella and I spent the next 15 minutes iterating over it, adding an objective of rounding up audience members who express their enthusiasm accompanied by a Michael McDonald factoid. We added tour stops (to Myrtle Beach and Portugal), and character customizations to dress the part of a rockstar.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1021" height="682" src="https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromePlaying-With-Michael-McDonald2026-03-24-at-02.18.31.png" alt="A digital scene with cartoon penguins, colorful toy-like figures, and icebergs. A stage reads &quot;Michael McDonald.&quot; A speech bubble says &quot;I named my CAT after this man!&quot; and stating a Michael McDonald fact" class="wp-image-25402" srcset="https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromePlaying-With-Michael-McDonald2026-03-24-at-02.18.31.png 1021w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromePlaying-With-Michael-McDonald2026-03-24-at-02.18.31-700x468.png 700w, https://bradfrost.com/wp-content/uploads/2026/03/Google-ChromePlaying-With-Michael-McDonald2026-03-24-at-02.18.31-768x513.png 768w" sizes="auto, (max-width: 1021px) 100vw, 1021px" /></figure>



<p>We headed upstairs for bath and bedtime, and she was already talking about other games she&#8217;d make with her friends.</p>



<p>I keep thinking about the phrase &#8220;wouldn&#8217;t it be cool if&#8230;&#8221; I don&#8217;t think there&#8217;s ever been a better time in history to have that thought rattling around in your head. Because now we actually have the ability to act on it with almost no friction.</p>



<h2 class="wp-block-heading">The barriers to creation have fully eroded</h2>



<p>Over the course of my life, I&#8217;ve watched the barrier to creation come <em>way</em> down. PCs, the internet, smartphones — each wave brought more people into the act of making things.</p>



<p>But there&#8217;s always been a gap. People who can code and people who can&#8217;t. People who can make movies and people who can&#8217;t. A lot of those divides are artificial <a href="https://bradfrost.com/blog/post/bigger-than-boxes-a-41st-thought-at-41/">stories we tell ourselves</a>, but there are legit barriers as well.</p>



<p>But now, If you can utter your idea in a few simple words, you can begin the creative process. That&#8217;s genuinely new.</p>



<p>It&#8217;s not just about ease of access; I think there are a ton of people who don&#8217;t fit in with classical models of how we&#8217;re &#8220;supposed&#8221; to think or communicate. Now peoples can speak in the way that&#8217;s natural to them and have it translate directly into the thing they <a href="https://articles.centercentre.com/design_rendering_intent/">intend</a>. This is transformative for both the sender and receiver. </p>



<p>I&#8217;ve talked to so many people who say: <em>I used to play music. I can&#8217;t draw. I wouldn&#8217;t know how to do that.</em> And I think: you might be surprised.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">The compounding nature of new creative materials</h2>



<p>When a new technology comes along and sucks the air out of the room, it can be easy to forget that new technologies don&#8217;t destroy the old technologies, but rather has a compounding effect.</p>



<p>And because our  general-purpose technology with all the other creative materials already at our disposal? Boy oh boy. The door doesn&#8217;t just open wider — it comes off its hinges entirely.</p>



<p>Your existing creative fluency still matters, maybe even more than before? Just as being able to play piano puts you in a better spot to wield a synthesizer. Knowing how to design makes you better at prompting visual tools. Understanding code makes you better at architecting what you want to build with AI. Craft. Taste. Art. Authentic expression. Purpose.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Into the creative infinite</h2>



<p>Once again, I&#8217;m not going to downplay the downright terrifying aspects of all of this; I&#8217;m fully aware of the myriad reasons to be concerned about AI, <a href="https://www.nytimes.com/2024/04/16/podcasts/the-daily/ai-data.html">AI&#8217;s original sin</a>, and these powerful tools can and will be used by shitty people for shitty reasons. </p>



<p>But the Creative Infinite remains a simple statement of fact. Inputs go in, and outputs come out. That exists now, and it didn&#8217;t before.</p>



<p>I&#8217;m still processing the fact that for the rest of my life — and for my daughter&#8217;s life — there will be the ability to say <em><strong>wouldn&#8217;t it be cool if this existed?</strong></em> and then actually bring it into existence. As someone who makes things for a living, as someone who&#8217;s always had far more ideas than time, that feels WILD. I&#8217;ve always been frustrated by the gap between my imagination and my ability to execute. I’m now in a place where I’m actually creating things I&#8217;ve wanted to make for years.</p>



<p>So yeah, we now live in the Creative Infinite.  So the question becomes: what are we gonna do with it? What are we going to make? To what end?</p>



<p>Of course I can&#8217;t tell you what to make, but please make it <em><strong>good</strong></em>.</p>



<p></p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[I redesigned my website without touching my keyboard&#8230;all while painting a mural]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/i-redesigned-my-website-without-touching-my-keyboard-all-while-painting-a-mural/" />

		<id>https://bradfrost.com/?p=25390</id>
		<updated>2026-03-18T19:54:33Z</updated>
		<published>2026-03-18T19:54:32Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="ai" /><category scheme="https://bradfrost.com" term="ai and design systems" /><category scheme="https://bradfrost.com" term="claude" /><category scheme="https://bradfrost.com" term="css" /><category scheme="https://bradfrost.com" term="design" /><category scheme="https://bradfrost.com" term="design systems" /><category scheme="https://bradfrost.com" term="frontend" /><category scheme="https://bradfrost.com" term="painting" />
		<summary type="html"><![CDATA[On Friday night, I needed a break from screens, so decided to work on a bathroom mural that our family has been chipping away at for the last 4 years. But a lot was on my mind, so made the [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/i-redesigned-my-website-without-touching-my-keyboard-all-while-painting-a-mural/"><![CDATA[
<p>On Friday night, I needed a break from screens, so decided to work on a bathroom mural that our family has been chipping away at for the last 4 years.</p>



<p>But a lot was on my mind, so made the decision to work on a long-overdue redesign of&nbsp;<a target="_blank" href="https://bradfrost.com/" rel="noreferrer noopener">my website while painting the mural.&nbsp;</a>What started as an experiment turned into the most fun I’ve had in the 30 years I’ve been making websites.</p>



<p>I want to <a href="https://youtu.be/bCYXG__rBZY?si=FUCQgeSWtYMepbSy&amp;t=8" target="_blank" rel="noreferrer noopener">share the video with you here</a>:</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Redesigning My Website While Painting a Mural: The Ancient Future of Web Design" width="500" height="281" src="https://www.youtube.com/embed/bCYXG__rBZY?start=8&#038;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>The video is nearly three-hours long (sorry not sorry) because I want you to see the real-time process. Along the way, I reflect on the deeper questions and ramifications this radical new process unearths.</p>



<h2 class="wp-block-heading">A genuine paradigm shift</h2>



<p>The feelings of flow that I get when playing music or making art for hours on end never fully transferred over to my digital work, largely because of the mechanics of the process. Clacking away at a keyboard has always introduced a lag between my speed of thought and my creative output. I’d bump into the limits of my backend/config skills, hit a wall, and would give up. <em>These limitations no longer exist.</em></p>



<p>With each passing day, I&#8217;m feeling my mindset shift around what&#8217;s possible. This truly is an existential moment of what it means to be a designer, a developer, a creator. I find myself asking questions like: what&#8217;s Good, what&#8217;s Bad, what&#8217;s essential, and what can be safely left behind? Gone are the days of any Right Way of doing things. Instead I’m leaning into what I’m calling <em>The Creative Infinite</em>.</p>



<p>We live in challenging times, and in so many ways that’s the unfortunate truth. But we also happen to live in a time of boundless creative opportunity. And we need to harness that creative potential to design a better world together.</p>



<h2 class="wp-block-heading">Excited to create. Excited to help teach others to create.</h2>



<p>As I’ve been evolving my own practice, I notice how much I depend on my knowledge of foundational concepts and fluency in design/technical language. Even as the means of production are rapidly transforming, <strong>the need for us to understand core concepts, design materials, and creative/technological opportunities matters more than ever.</strong></p>



<p><em>How do you go about doing that?</em> Well, that’s the question we’re answering with our online courses. We’re passionate about not just wielding these powerful new design materials ourselves, but also to teach the worlds’ creative professionals how to master them as well. I’d love it if you checked out our courses:</p>



<ul class="wp-block-list">
<li><a href="https://aianddesign.systems/" target="_blank" rel="noreferrer noopener"><strong>AI &amp; Design Systems</strong></a><strong> &#8211; </strong>Join me, Ian Frost, TJ Pitre, and our growing community of practitioners exploring the intersection between AI &amp; Design Systems.</li>



<li><a href="https://designtokenscourse.com/" target="_blank" rel="noreferrer noopener"><strong>Subatomic: The Complete Guide To Design Tokens</strong></a><strong> &#8211; </strong>the theming power of design tokens is proving to be a critical foundation to explore infinite design directions while still being grounded in sound systems.</li>



<li><a href="https://atomicdesigncourse.com/" target="_blank" rel="noreferrer noopener"><strong>Atomic Design Certification Course</strong></a><strong> &#8211; </strong>This course covers foundational concepts around design systems, which I’m finding critical to getting the results I actually want</li>



<li><a href="https://courses.bradfrost.com/order?ct=ec9d4f88-b76a-4c94-9dfb-187186eef9e4" target="_blank" rel="noreferrer noopener"><strong>MEGABUNDLE</strong></a><strong> &#8211; </strong>Get all three courses at a significant discount!</li>
</ul>



<p>We care about teaching people foundational concepts and practical implementation. We care about helping people bring new magic down to earth and actually show how to implement this stuff in the real world. We care about empowering people to imagine better ways of making things, and then giving them the concepts, tools, and materials to then go do it.</p>



<h2 class="wp-block-heading">Into the great wide open</h2>



<p>I&#8217;ve spent over half my life creating for this beautiful and unique medium that is the World Wide Web. From the moment I made my first <a href="https://bradfrost.com/faq/#story">Dragonball Z Geocities website</a>, I could feel its boundless potential. I can say without any hyperbole that I&#8217;ve never felt that boundless potential as much as I do right now. </p>



<p>But I think it&#8217;s important to it&#8217;s really important to not just wield this powerful new technology, but to <a href="https://bradfrost.com/blog/post/a-designers-thoughts-about-this-moment-in-ai/">give a shit about doing things <em>right</em></a>.</p>



<p>That&#8217;s why I love being a part of the World Wide Web community. That&#8217;s why I love being a part of the design systems community. We aren&#8217;t just pumping out shit work to make a quick buck. <strong>We value quality.</strong> We value thoughtfulness, craft, nuance, and collaboration. We value systems. We seek truth. We work in service of others, creating tools, processes, and standards. We compromise and make pragmatic calls for <a href="https://www.youtube.com/watch?v=5u8vd_YNbTw" target="_blank" rel="noreferrer noopener">The Greater Good</a>. We&#8217;re committed not just to betterment, but commitment for betterment <strong><em>for everyone.</em></strong></p>



<p>I feel these qualities and attitudes is the world needs right now. We are at the forefront of showing the world how to wield this powerful new technology, but to do so responsibly and in pursuit of a better world. The founding values, <a href="https://www.w3.org/TR/ethical-web-principles/" target="_blank" rel="noreferrer noopener">principles</a>, and ideals of the World Wide Web are still alive. Still out there. Still true. And I think it&#8217;s critical to rekindle those values and infuse them into this new technological era.</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Fine Specimens by Elliot Jay Stocks]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/fine-specimens-by-elliot-jay-stocks/" />

		<id>https://bradfrost.com/?p=25387</id>
		<updated>2026-03-16T18:49:24Z</updated>
		<published>2026-03-16T18:49:24Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="design" /><category scheme="https://bradfrost.com" term="elliot Jay Stocks" /><category scheme="https://bradfrost.com" term="graphic design" /><category scheme="https://bradfrost.com" term="inspiration" /><category scheme="https://bradfrost.com" term="typography" />
		<summary type="html"><![CDATA[A curated collection of the best in contemporary type design Elliot is back with a new typography book! Elliot Jay Stocks]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/fine-specimens-by-elliot-jay-stocks/"><![CDATA[<blockquote><p>A curated collection of the best in contemporary type design</p></blockquote>
<p>Elliot is back with a new typography book! <em><a href="https://elliotjaystocks.com/books/#fine-specimens">Elliot Jay Stocks</a></em></p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[A Designer&#8217;s Thoughts About This Moment in AI]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/a-designers-thoughts-about-this-moment-in-ai/" />

		<id>https://bradfrost.com/?p=25380</id>
		<updated>2026-03-09T23:22:28Z</updated>
		<published>2026-03-09T23:05:51Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="ai" /><category scheme="https://bradfrost.com" term="anthropic" /><category scheme="https://bradfrost.com" term="commentary" /><category scheme="https://bradfrost.com" term="design" /><category scheme="https://bradfrost.com" term="ethical design" /><category scheme="https://bradfrost.com" term="ethics" /><category scheme="https://bradfrost.com" term="morality" /><category scheme="https://bradfrost.com" term="openai" /><category scheme="https://bradfrost.com" term="technology" />
		<summary type="html"><![CDATA[I was walking my dog in the woods and decided to share my thoughts about the state of AI and the tension between the trajectory of AI companies and the designers/creators/makers of the world who are under a tremendous deal [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/a-designers-thoughts-about-this-moment-in-ai/"><![CDATA[
<p>I was walking my dog in the woods and decided to share my thoughts about the state of AI and the tension between the trajectory of AI companies and the designers/creators/makers of the world who are under a tremendous deal of pressure to wield this new technology. </p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="A Designer&#039;s Thoughts About This Moment in AI" width="500" height="281" src="https://www.youtube.com/embed/47gRTjCtQXE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>We are people. <strong>We are people who use tools and technologies to make things</strong>, to advance things, to move things forward, to make the world a better place and help people become healthier, happier, and safe.</p>



<p>At least that’s the aspiration. We all fall short of it. But <strong>I fundamentally believe that most people working to create things and put them out into the world are doing it because they want to make the world a better place.</strong></p>



<p>That is why this moment in time—this new technology, this AI landscape, and how it’s emerging and how it is being wielded and how it is being managed—is so incredibly diametrically opposed to this mission. </p>



<h2 class="wp-block-heading">The alarming and reckless AI trajectory</h2>



<p>As I see it, the transformation from the AI field as academic research—very carefully studied, more philosophical—into rapid commercialization has set off an arms race of the absolute worst kind.</p>



<p>It’s playing out even this week where we see OpenAI and Anthropic gussying themselves up, trying to position themselves to look attractive to win contracts with the conveniently renamed Department of War.</p>



<p>What’s so incredibly terrifying and galling about these efforts is that it’s right there in the name, right? This conveniently renamed Department of War—defense is one thing, right? But war is another.</p>



<p><strong>War, my friends, is bad.</strong> War is not desirable. Killing people is not good. Killing people is antithetical to promoting the health, happiness, and safety of people on this planet and the world at large.</p>



<p>And I know that war is complicated. I know that societal factors, political forces, geopolitical conflict—war is not a cut and dry effort, but holy shit, what are we doing here?</p>



<p>What are we designing? What are we actively trying to accomplish in this world? What are we building the technology for? What are we doing here?</p>



<p>If your goal is to scale, to win, to profit, then you&#8217;ll be willing to take this massively powerful &amp; unknown force and plug it into an apparatus that is out there developing weapons to kill other human beings.</p>



<p>The fact that’s even being entertained is galling and worrying and utterly and completely reckless and irresponsible. You create the most powerful and potent technology that the world has ever seen and inject it into the bloodstream of society without doing due diligence. Just holy shit. What do you <em>think</em> is gonna happen?</p>



<p>Even if you put guardrails in place, even if you thoughtfully and safely roll it out, bad things are gonna happen. Just due to the very nature of the technology. The grain of AI.</p>



<p>But what happens when you hook it up to things that have proven themselves to be not particularly great in the “caring about human beings” department? That&#8217;s where this truly feels so reckless and irresponsible.</p>



<h2 class="wp-block-heading">Our Tension As Creators</h2>



<p>And here we are: the people that are on the receiving end of this. The people who are ostensibly wielding these design materials to help in our pursuit to make the world better, to transform the world to be a more just and peaceful and loving and happy place. <strong>A place where people have their needs taken care of, everyone has abundance, everyone has health, safety, happiness, that we’re all able to learn from each other and grow with each other and to move on from so much of the bullshit of the past.</strong></p>



<p>This is all available to us.</p>



<p>But the issue, and the dissonance, and the juxtaposition as I see it—that I’ve never felt before in my entire life—is this: of course, we’ve all used tools and technologies made by imperfect humans. We are all imperfect humans.</p>



<p>We see this lousy trajectory unfolding; this barreling commercial enterprise with lousy morals and motives. It&#8217;s terrible, yet it’s also inescapable. It puts us all in a really shitty spot. It puts us all in a really awful position.</p>



<p>And there’s a few things we can do. <strong>The first thing we need to do is acknowledge the shitty situation that we are all in.</strong></p>



<p>As people who create things and put things out into the world, we have to acknowledge the fact that the core building blocks, its origin story, is built on stolen IP, right? But its ongoing impacts and effects on society, on the planet, on everything needs to be acknowledged.</p>



<h2 class="wp-block-heading">“Just don’t use it” isn’t realistic</h2>



<p>I’ve heard plenty of reactions, and one of those reactions, including from people I greatly admire, greatly respect, is: &#8220;just don’t use it.&#8221;</p>



<p>To which I say: good luck with that.</p>



<p>I equate this situation to being a vegan. These are undoubtedly noble pursuits and the planet would be much better off if everyone was a vegan. But of course, to convince everyone on the planet to become a vegan is a huge and herculean task.</p>



<p>And in the case of AI, the potential good that can come from this technology—curing cancer, detecting cancer earlier, giving people voice that didn’t have voice before—<strong>there are so many use cases for the application of this technology that can make a world a better place.</strong></p>



<p>So saying “just don’t use it” really discounts that . But again, I understand the spirit of not using it as a form of protest against how this stuff emerged, how it’s currently being managed. I get that.</p>



<p><strong>But not everyone has the luxury of just sitting this out, of closing the laptop lid.</strong></p>



<p>My understanding—what I see across the entire industry—is an entire field under so much pressure to learn, get their head around this, to wield it, to figure out how to use it to improve their work, and to simply say “no, I’m not going to do this” out of principle is career suicide, right?</p>



<p>So this dynamic, this zeitgeist, this <em><strong>“you need to do this”</strong></em> is very, very strong. This is a very strong current.</p>



<p>And while this strong current shouldn’t be inflicted from afar from power structures, <strong>I believe that from a pure maker/creator perspective, this absolutely is a potent and potentially really beneficial technology to wield to make things better for people.</strong></p>



<p>So sitting it out—just not using it—is not in the cards for the overwhelming majority of people.</p>



<h2 class="wp-block-heading">Don’t dilute reality to sleep at night</h2>



<p>The other thing we could do is dilute ourselves and make excuses for the morally bankrupt and reckless and irresponsible behavior of these companies who are putting this stuff out there.</p>



<p>I get it. It’s an important knee jerk reaction. We need to sleep at night. And also we see the upside, right? We see the benefits, we see the potential of this technology. In order to square that circle, we could just say, “Ah, it’s actually not that bad.”</p>



<p>I think that at no other moment in time, it’s so incredibly important to be able to hold multiple thoughts in our heads at the same time.</p>



<p>The radically transformative power of this technology is huge, and its potential to make the world a better place is real.</p>



<p>The <a href="https://en.wikipedia.org/wiki/Melvin_Kranzberg">technology itself is neither positive nor negative, but nor is it neutral</a>. But the companies and the people who are perpetuating this arms race to <em>win</em>, to <em>scale</em>, to <em>profit</em> from it—we need to acknowledge that for what it is.</p>



<h2 class="wp-block-heading">Michael Jackson and The Need For Nuance</h2>



<p>As I’ve been thinking about this, I keep coming back to Michael Jackson. Because <strong>Michael Jackson produced some of the most powerful, transformative, amazing, beautiful human art and expression that the world has ever seen</strong>. Truly the King of Pop.</p>



<p>And yet, when you look at his personal life and you look at the misdeeds and you look at the behaviors and you look at some of the absolute atrocities perpetuated by him—it’s very difficult to reconcile that.</p>



<p>Cause what do you do? Do you not listen to Billie Jean? Do you not listen to Thriller? Do you not say that those are good songs?</p>



<p><strong>No. </strong>The art is truly amazing.</p>



<p><strong>But Michael Jackson is the boss level of <a href="https://www.bbc.com/culture/article/20170517-can-you-separate-the-artist-from-the-art">separating the art from the artist</a></strong>, and I haven’t been able to reconcile that.</p>



<p>So <strong>I’ve been forced into a place that I ultimately think is a healthy attitude to cultivate: these things can both be true.</strong> Michael Jackson’s music is utterly and completely amazing, transformative, incredible, continues to transform the world even today. And also he did some horrible things in his time on earth.</p>



<p>And there’s no reconciliation of that, especially now that he’s gone.</p>



<p>So I bring that same tension to this moment in time.</p>



<p>Here is this technology that isn’t just pure art. I think it’s important to acknowledge that difference, that this isn’t just overwhelmingly and only a positive technology. It is a <em>powerful</em> technology that can be used for good and it can also be used for really bad things. So that’s one big difference to stress.=.</p>



<p>But unlike Michael Jackson, the people, companies, organizations that are creating this technology, releasing it out into the world are still here.</p>



<h2 class="wp-block-heading">So what do we do?</h2>



<p>I genuinely don’t know and certainly won’t pretend to have all the answers, but I do know that there are some places we can go for guidance.</p>



<p>I feel so incredibly fortunate to have come of age at the same time that the <strong>World Wide Web</strong> was coming of age as well.</p>



<p>And all these years later—after all of the strange and terrible left turns and bad things that have happened on the web and with the web—<strong><a href="https://www.w3.org/TR/ethical-web-principles/">the foundational principles, ideals, and values of the World Wide Web</a> are still there.</strong></p>



<p>They’re still intact. They are still a noble pursuit. They are still the vision. They’re still the North Star all these years later. All we have to do is realign ourselves and reintroduce that vision.</p>



<p>Those principles, those values, that commitment to betterment, that commitment to making the world a better place for more people using technology—<em>has</em> to be rekindled. They <em>have</em> to be translated into this new technology landscape. We have to reclaim that because the stakes are fucking high.</p>



<p><strong>We have to align our technology to work in pursuit of the betterment of humankind and all life on this planet, and for the planet itself.</strong></p>



<p>So obviously, there’s a lot of different actions we could take.</p>



<p>We can advocate. We can complain. We can apply pressure—although it seems sometimes quite futile to try to convince certain companies, organizations, and people to suddenly grow a conscience, grow a moral center.</p>



<p>But there’s lots of things we can do.</p>



<p>We can be adopting and looking for healthier alternatives. We could invent healthier alternatives, right?</p>



<p>Another important thing to do is to really take the time to reflect on and establish your own values and principles and how you wield this powerful new design medium.</p>



<p>And not just to do that on an individual level, but with all the other people that you create with.</p>



<p>What do you care about? What are you working towards? What are lines you won’t cross? What is all of this in pursuit of?</p>



<p>In the <a href="https://aianddesign.systems/">course we’re putting together</a>, we lead with these values and principles and talk about the importance of being human-centric and working towards the betterment of humankind.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://bradfrost.com/wp-content/uploads/2026/03/KeynoteChapter-0.key2026-03-09-at-19.01.45-1024x576.png" alt="A slide that has words laid out like bricks: humanity, safety, integrity, responsibility, nuance, quality, accessibility, foundations, context, collaboration, curiousity, multiplicity, practicality, durability" class="wp-image-25382" srcset="https://bradfrost.com/wp-content/uploads/2026/03/KeynoteChapter-0.key2026-03-09-at-19.01.45-1024x576.png 1024w, https://bradfrost.com/wp-content/uploads/2026/03/KeynoteChapter-0.key2026-03-09-at-19.01.45-700x394.png 700w, https://bradfrost.com/wp-content/uploads/2026/03/KeynoteChapter-0.key2026-03-09-at-19.01.45-768x432.png 768w, https://bradfrost.com/wp-content/uploads/2026/03/KeynoteChapter-0.key2026-03-09-at-19.01.45.png 1439w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Not replacing people, but rather enhancing people. Being responsible. Being ethical. Thinking about sustainability, both in terms of environmental impact, but also in the durability of the things that we create, right? We need to care about quality. We need to care about the impacts that our work has on the world.</p>



<p><strong>We need values and <a href="https://principles.design/">principles</a> to guide every step of the way</strong>, especially as the models are changing every day, the tool landscape is this fast moving frenzied landscape and it’s exhausting, and we’re getting pulled in so many different directions. Values and principles serve as a solid foundation to stand on as the fast moving currents of this landscape continue to evolve with breakneck speed. </p>



<p>It doesn’t matter how you go about establishing your values and principles about this moment in time, but it’s fucking imperative that you have a perspective.</p>



<p>And that leads me to my last favor to ask of you, which is that as somebody who is creating and making and putting things out into the world, really recommit to whatever that is—whatever energy you’re putting out into the world—to have it be in pursuit of the betterment of humankind, of life on this planet, of nature, of everything.</p>



<p>This is a really consequential moment. <strong>I fundamentally believe in us. I fundamentally believe in humanity.</strong></p>



<p>And so it’s gonna take us all—in our collective actions and decisions—to design a better world.</p>



<p>So let’s have at it.</p>



<p>Thanks.</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Old Music Friday]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/old-music-friday/" />

		<id>https://bradfrost.com/?p=25370</id>
		<updated>2026-03-03T19:34:53Z</updated>
		<published>2026-03-03T19:34:52Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="dusty springfield" /><category scheme="https://bradfrost.com" term="funny" /><category scheme="https://bradfrost.com" term="inspiration" /><category scheme="https://bradfrost.com" term="instagram" /><category scheme="https://bradfrost.com" term="music" />
		<summary type="html"><![CDATA[I love this so much. We take so much for granted, so I freaking love to be reminded of the time-traveling magic of recorded music.]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/old-music-friday/"><![CDATA[
<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/reel/DR4K5MXDG3q/?igsh=MTc3N3E0MTM3YzYzcQ==" data-instgrm-version="14">
  <a href="https://www.instagram.com/reels/DUi39UGgf9U"></a>
</blockquote>
<script async src="//www.instagram.com/embed.js"></script>



<p><a href="https://www.instagram.com/reels/DR4K5MXDG3q/">I love this</a> so much. <span data-slate-fragment="JTVCJTdCJTIydHlwZSUyMiUzQSUyMnAlMjIlMkMlMjJjaGlsZHJlbiUyMiUzQSU1QiU3QiUyMnRleHQlMjIlM0ElMjJXZSUyMHRha2UlMjBzbyUyMG11Y2glMjBmb3IlMjBncmFudGVkJTJDJTIwc28lMjBJJTIwZnJlYWtpbmclMjBsb3ZlJTIwdG8lMjBiZSUyMHJlbWluZGVkJTIwb2YlMjB0aGUlMjBtYWdpYyUyMG9mJTIwcmVjb3JkZWQlMjBtdXNpYy4lMjIlN0QlNUQlN0QlNUQ=">We take so much for granted, so I freaking love to be reminded of the time-traveling magic of recorded music.</span></p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Real-Time UI]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/real-time-ui/" />

		<id>https://bradfrost.com/?p=25357</id>
		<updated>2026-03-03T19:45:34Z</updated>
		<published>2026-03-02T19:15:53Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="design systems" />
		<summary type="html"><![CDATA[“If a picture is worth a thousand words, then a prototype is worth a thousand meetings.”&#8211; Tom &#38; David Kelley But what if the meeting is the prototype? That&#8217;s the spirit of an idea I&#8217;m calling &#8220;Real-time UI&#8221; (the name [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/real-time-ui/"><![CDATA[
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>“If a picture is worth a thousand words, then a prototype is worth a thousand meetings.”<br>&#8211; <em>Tom &amp; David Kelley</em></p>
</blockquote>



<p>But what if the meeting <em><strong>is</strong></em> the prototype? </p>



<p>That&#8217;s the spirit of an idea I&#8217;m calling &#8220;Real-time UI&#8221; (the name of which I gave next-to-no thought, so forgive me). The tools and technologies now exist to generate UI in realtime, making it possible to convert a conversation into a working digital thing. <em>All without touching a mouse or keyboard.</em></p>



<p><a href="https://www.youtube.com/watch?v=pDR7pPupMV8">In this video</a>, I introduce the concept to TJ and Ian, and we talk about the possibilities and ramifications of generating UI in realtime, as well as speaking to the infinite creative potential of using AI &amp; design systems together.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Real-Time UI with Design Systems &amp; AI" width="500" height="281" src="https://www.youtube.com/embed/pDR7pPupMV8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>As we&#8217;ve been putting together our <a href="https://aianddesign.systems/">AI &amp; Design Systems course</a>, I keep excitedly talking about the  potential to make design a more collaborative, democratic, and participatory experience. Historically, it&#8217;s been really prohibitive for people to design and build digital interfaces, so half of our meetings are spent talking other people out of pursuing ideas because of the effort involved to produce artifacts.</p>



<p>As I see it, real-time UI can help accomplish a number of things:</p>



<ul class="wp-block-list">
<li><strong>Visualize UI components in real-time</strong> &#8211; surfacing design system components immediately as they&#8217;re referenced in conversation (design systems are a shared language!)</li>



<li><strong>Visualize product design in real-time</strong>. Make abstract ideas real as soon as the words exit your mouth, and use the working prototype as a wet ball of clay the team can sculpt together over the course of a conversation.</li>



<li><strong>Wield your design system&#8217;s infrastructure to make realistic things.</strong> The spirit is to have the conversation <em>and</em> infrastructure tuned to your specific team&#8217;s context. Create prototypes that are built using your organization&#8217;s best practices rather than whatever AI decides to randomly generate.</li>



<li><strong>Minimize the friction involved in making prototypes</strong></li>



<li><strong>A visual accompaniment to a conversation</strong> can help teams unlock new ideas, expose weak spots, explore opportunities, and iterate collaboratively </li>



<li><strong>Open the door to a more participatory design process</strong>. Diversity is critical to success, and it&#8217;s so important to make sure that digital products represent the best thinking from different disciplines &amp; perspectives at a company. Historically, the design process was prohibitive to people who weren&#8217;t skilled in the mechanical aspects of creating designs &amp; code. This is no longer the case. Of course  professional designers or developers are still necessary (now more than ever!) to produce great results, but there&#8217;s now an opportunity to create more democratic, collaborative, participatory design workflows. </li>
</ul>



<p>Real-time UI is a nugget of an idea. And it&#8217;s merely one nugget in a much broader, much vaster technological landscape. Who knows if this nugget of an idea will become a whole-ass idea. There will be many, many, many things created, and who knows what the future holds. </p>



<p>But I have an instinct that it&#8217;s a Good Thing to <strong>create the conditions that get human beings together to collaboratively make things that help people.</strong> That instinct is something we will continue to explore.</p>



<p>If you&#8217;re curious in joining us on exploring this future together and learning how to wield AI &amp; Design Systems together to make great digital things, we&#8217;d love it if you joined our community by <a href="https://aianddesign.systems/">preordering our AI &amp; Design Systems course</a>!</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Ghostwriter by RJD2 Drum/Synth Cover]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/ghostwriter-by-rjd2-drum-synth-cover/" />

		<id>https://bradfrost.com/?p=25353</id>
		<updated>2026-02-19T03:44:01Z</updated>
		<published>2026-02-19T03:44:01Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="drums" /><category scheme="https://bradfrost.com" term="melissa frost" /><category scheme="https://bradfrost.com" term="music" /><category scheme="https://bradfrost.com" term="rjd2" /><category scheme="https://bradfrost.com" term="studio" />
		<summary type="html"><![CDATA[For months and months, I&#8217;ve been rebuilding our music studio. I&#8217;m AAAAALLLLMOST done with it, but it&#8217;s close enough to start sharing things. Here&#8217;s Melissa and I playing along with a song with an incredible vibe: Ghostwriter by RJD2.]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/ghostwriter-by-rjd2-drum-synth-cover/"><![CDATA[<p><iframe loading="lazy" title="Ghostwriter by RJD2 -" width="500" height="281" src="https://www.youtube.com/embed/aIuaEXh0K9g?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>For months and months, I&#8217;ve been rebuilding our music studio. I&#8217;m AAAAALLLLMOST done with it, but it&#8217;s close enough to start sharing things. Here&#8217;s Melissa and I <a href="https://youtu.be/aIuaEXh0K9g">playing along</a> with a song with an incredible vibe: <a href="https://www.youtube.com/watch?v=jg7LDvE5gMM">Ghostwriter by RJD2</a>.</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Fostering Community]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/fostering-community/" />

		<id>https://bradfrost.com/?p=25344</id>
		<updated>2026-02-17T17:43:52Z</updated>
		<published>2026-02-17T17:43:51Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="community" /><category scheme="https://bradfrost.com" term="course" /><category scheme="https://bradfrost.com" term="ian frost" /><category scheme="https://bradfrost.com" term="principles" />
		<summary type="html"><![CDATA[I shared this in our Slack this morning and wanted to share it here because this is the type of community we&#8217;re trying to foster. We want to For now, the ticket for joining our community is purchasing one of [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/fostering-community/"><![CDATA[
<p>I shared this in our Slack this morning and wanted to share it here because this is the type of community we&#8217;re trying to foster. </p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Hey all! Hope you&#8217;re doing well. Thanks so much for being here; it really means a lot to us.</p>



<p>You&#8217;re likely here because you signed up for our courses, and we have our course-specific Slack channels to discuss and share around those specific topics.</p>



<p>BUT! While work is important, we&#8217;re also passionate about building a community for good human beings to connect, get inspired, share cool/fun/funny/random things, receive &amp; give advice, and other activities to help live a positive, creative, and fulfilling life.</p>



<p>So in addition to the work-related channels, we have a bunch of other Slack channels we&#8217;d love you to check out and join if it floats your boat. Here&#8217;s a roundup of most of those channels:</p>



<ul class="wp-block-list">
<li><strong>#advice-welcome</strong> &#8211; A safe and helpful place to receive life advice from good human beings. For work-specific stuff, consider posting in #career-development</li>



<li><strong>#career-development</strong> &#8211; A supportive place to talk career growth. Share wins and struggles, get resume/portfolio/website feedback, swap resources, and get/give advice!</li>



<li><strong>#funn</strong>y &#8211; A place to share funny things: links, stories, jokes, stand-up, comedy, and anything else that makes you laugh. We can all use some more laughter in our lives!</li>



<li><strong>#inspiration</strong> &#8211; What do you find inspiring? A place to share beauty, nature, motivation, art, quotes, and other things to inspire and motivate others.</li>



<li><strong>#job-board</strong> &#8211; A place to share job openings, job seekers to share their enthusiasms/skills/work. As always, no spammy stuff please!</li>



<li><strong>#music</strong> &#8211; A place to share what music you’re digging, concerts you’re seeing, artists you think more people should know about, music you’re making, how music makes you feel.</li>



<li><strong>#pets</strong> &#8211; SHOW US YOUR PETS!</li>



<li><strong>#random</strong> &#8211; Weirdness welcome!</li>



<li><strong>#useful-links</strong> &#8211; Share helpful resources! Could be about digital stuff, but also not. Did a video help you fix your sink? A blog post that articulates a helpful perspective? If you&#8217;ve found something useful, share it here!</li>
</ul>



<p>We&#8217;re all here for a short time; so might as well make the most of it! If you have any suggestions, ideas, feedback, or more, don&#8217;t hesitate to reach out to me and Ian! And be sure to check out our <a href="https://bradfrost.com/community-guidelines/" target="_blank" rel="noreferrer noopener">community guidelines</a> too; they&#8217;re here to make sure everyone has a good time.</p>



<p>Thanks again! We&#8217;re so incredibly grateful for you being here.</p>
</blockquote>



<p>We want to </p>



<p>For now, the ticket for joining our community is purchasing <a href="https://bradfrost.com/courses/">one of our online courses</a> on <a href="https://aianddesign.systems/">AI &amp; Design Systems</a>, <a href="https://atomicdesigncourse.com/">Atomic Design</a>, and <a href="https://designtokenscourse.com/">Design Tokens</a>. That said, we&#8217;re just getting started on the community front and have some really huge ambitions that we&#8217;re slowly-but-surely working towards. But whatever the shape, form, or status, we&#8217;re working hard to foster good community for good people. </p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Announcing Live AI &#038; Design Systems Jam Sessions!]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/announcing-live-ai-design-systems-jam-sessions/" />

		<id>https://bradfrost.com/?p=25337</id>
		<updated>2026-02-16T20:08:43Z</updated>
		<published>2026-02-16T19:59:13Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="ai and design systems" /><category scheme="https://bradfrost.com" term="course" /><category scheme="https://bradfrost.com" term="ian frost" /><category scheme="https://bradfrost.com" term="jam session" /><category scheme="https://bradfrost.com" term="tj pitre" /><category scheme="https://bradfrost.com" term="webinar" />
		<summary type="html"><![CDATA[Ian, TJ, and I are excited to announce live AI &#38; Design Systems Jam Sessions with our AI &#38; Design Systems course community! Our first jam session will be Thursday, February 26 at 10AM ET. In these recurring biweekly Zoom [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/announcing-live-ai-design-systems-jam-sessions/"><![CDATA[
<p><a href="https://ianfrostweather.com/">Ian</a>, <a href="https://www.linkedin.com/in/tpitre/">TJ</a>, and I are excited to announce <strong>live AI &amp; Design Systems Jam Sessions</strong> with our <a href="https://aianddesign.systems/">AI &amp; Design Systems</a> course community! <strong>Our first jam session will be Thursday, February 26 at 10AM ET.</strong></p>



<p>In these recurring biweekly Zoom sessions, we&#8217;ll show off the latest and greatest demos and material from <a href="https://aianddesign.systems/?utm_source=Brad+Frost&amp;utm_campaign=9a6592f5a8-EMAIL_CAMPAIGN_2025_12_30_09_00_COPY_02&amp;utm_medium=email&amp;utm_term=0_-2bdfafa15b-&amp;mc_cid=9a6592f5a8&amp;mc_eid=UNIQID" target="_blank" rel="noreferrer noopener">our emerging course</a>, talk shop, answer questions, and give people the opportunity to show off what they&#8217;re up to. This is an opportunity to get connected, get inspired, get unstuck, get feedback, swap notes, and nerd out with other passionate practitioners.</p>



<p>It&#8217;s abundantly clear that this landscape is constantly evolving, which is why we&#8217;re taking a more communal approach to creating this course. We&#8217;re still making steady progress on the actual course videos; in fact, <strong>we just added videos framing the whole course and shared our principles and approach to working with AI</strong>. These live sessions will augment the videos, allowing us to both share our latest and greatest as well and to learn from the community to influence the course.</p>



<p><strong>This live session is exclusive to people who <a href="https://aianddesign.systems/#order">preorder our AI &amp; Design Systems course</a></strong>, so tell your friends/colleagues to preorder if they want to party with us! All sessions will be recorded in case you can’t make it. And in case they need convincing, here&#8217;s our very own TJ Pitre with an infomercial on the many ways AI &amp; Design System can be used together:</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="AI &amp; Design Systems Infomercial" width="500" height="281" src="https://www.youtube.com/embed/QMfmsHyptMc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Angine de Poitrine &#8211; Mata Zyklek (Live on KEXP)]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/angine-de-poitrine-mata-zyklek-live-on-kexp/" />

		<id>https://bradfrost.com/?p=25334</id>
		<updated>2026-02-10T03:36:44Z</updated>
		<published>2026-02-10T03:36:42Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="Angine de poutine" /><category scheme="https://bradfrost.com" term="Art rock" /><category scheme="https://bradfrost.com" term="music" />
		<summary type="html"><![CDATA[The fact that A BUNCH OF PEOPLE have sent this to me makes me feel like I’m doing life right.]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/angine-de-poitrine-mata-zyklek-live-on-kexp/"><![CDATA[
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Angine de Poitrine - Mata Zyklek (Live on KEXP)" width="500" height="281" src="https://www.youtube.com/embed/Te1HkBx7rDw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>The fact that A BUNCH OF PEOPLE have sent <br><a href="https://youtu.be/Te1HkBx7rDw">this</a> to me makes me feel like I’m doing life right.</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Designing a Life That Excites You with Christine Vallaure &#124; Wake Up Excited!]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/designing-a-life-that-excites-you-with-christine-vallaure-wake-up-excited/" />

		<id>https://bradfrost.com/?p=25330</id>
		<updated>2026-02-02T18:42:40Z</updated>
		<published>2026-02-02T18:42:40Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="christine vallaure" /><category scheme="https://bradfrost.com" term="enthusiasm" /><category scheme="https://bradfrost.com" term="inspiration" /><category scheme="https://bradfrost.com" term="solopreneurship" /><category scheme="https://bradfrost.com" term="wake up excited" />
		<summary type="html"><![CDATA[On the latest episode of Wake Up Excited!, I talk with my friend Christine Vallaure. Christine is a designer, speaker, and the founder of moonlearning, an online learning platform for UI and product design. She’s also the author of the [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/designing-a-life-that-excites-you-with-christine-vallaure-wake-up-excited/"><![CDATA[<p>On the <a href="https://podcast.wakeupexcited.show/10">latest episode</a> of <a href="https://wakeupexcited.show/">Wake Up Excited!</a>, I talk with my friend <a href="https://www.moonlearning.io/about">Christine Vallaure</a>. Christine is a designer, speaker, and the founder of <a href="https://www.moonlearning.io/"><strong>moonlearning</strong></a>, an online learning platform for UI and product design. She’s also the author of the book <a href="https://thesolo.io/">Solo</a>, which is a practical guide to building and running digital products as a company of one.</p>
<p>I first met Christine at a conference and immediately felt like I already knew her. Christine is a rare breed: highly ambitious yet also really grounded, human, and humble. As you’ll find out, she cares about work and life in equal measure, and her love for her family is inspiring.</p>
<p>In our conversation we talk about:</p>
<ul>
<li>how a “good day” is one that feels balanced</li>
<li>agency, autonomy, and matching your personal style to the work you pursue</li>
<li>the difference between ambition and competition</li>
<li>finding fulfillment in the work rather than the promise of future goals</li>
<li>finding your people and your niche</li>
</ul>
<div class="c-text e-content">
<p>Please give the show a listen, <a href="https://www.youtube.com/playlist?list=PLRVyFmnlMfe0lMYaPF6zcT2JVUdpAjg9-">subscribe on YouTube</a> and <a href="https://podcast.wakeupexcited.show/subscribe">wherever you listen to podcasts</a>, and share the love!</p>
</div>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Declaring Systems Bankruptcy]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/declaring-systems-bankruptcy/" />

		<id>https://bradfrost.com/?p=25309</id>
		<updated>2026-01-21T16:53:19Z</updated>
		<published>2026-01-21T16:47:53Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="bankruptcy" /><category scheme="https://bradfrost.com" term="design systems" /><category scheme="https://bradfrost.com" term="life" /><category scheme="https://bradfrost.com" term="process" /><category scheme="https://bradfrost.com" term="systems" />
		<summary type="html"><![CDATA[For years and years, I’ve helped teams evaluate their systems, fix their systems, tweak their systems, and evolve their systems. And sometimes it’s even been necessary to help teams declare bankruptcy on their systems, blow them up, and start anew. [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/declaring-systems-bankruptcy/"><![CDATA[
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="768" src="https://bradfrost.com/wp-content/uploads/2026/01/IMG_20190508_162337-1024x768.jpg" alt="A rats nest of instrument cables and other wires spewing forth onto a wooden floor" class="wp-image-25314" srcset="https://bradfrost.com/wp-content/uploads/2026/01/IMG_20190508_162337-1024x768.jpg 1024w, https://bradfrost.com/wp-content/uploads/2026/01/IMG_20190508_162337-700x525.jpg 700w, https://bradfrost.com/wp-content/uploads/2026/01/IMG_20190508_162337-768x576.jpg 768w, https://bradfrost.com/wp-content/uploads/2026/01/IMG_20190508_162337-1536x1152.jpg 1536w, https://bradfrost.com/wp-content/uploads/2026/01/IMG_20190508_162337-2048x1536.jpg 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>For years and years, I’ve helped teams evaluate their systems, fix their systems, tweak their systems, and evolve their systems. And <em>sometimes</em> it’s even been necessary to help teams declare bankruptcy on their systems, blow them up, and start anew.</p>



<p><strong>And now it’s my turn.</strong></p>



<p>It started as a slow realization until it all came as a quick punch in the face: <strong>a whole bunch of systems across my life and work haven’t been working for me.</strong></p>



<p>Fixing them with light adjustments, tweaks, or refinements was wholly inadequate; <strong>I needed to declare bankruptcy on many of my systems and start anew.</strong> That&#8217;s the journey I&#8217;m on.</p>



<h2 class="wp-block-heading">Why is everything hard?</h2>



<p>I’ve got a little multi-faceted empire going on: <a href="https://bradfrost.com/courses/">online courses</a>, <a href="https://bradfrost.com/blog/">blog posts</a>, <a href="https://bradfrost.com/newsletter/">newsletters</a>, <a href="https://www.youtube.com/@brad_frost">videos</a>, <a href="https://wakeupexcited.show/">podcasts</a>, <a href="https://bsky.app/profile/bradfrost.com">social</a> <a href="https://www.linkedin.com/in/bradfrost/">media</a> <a href="https://mastodon.social/@brad_frost">posts</a>, <a href="https://bradfrost.com/consulting/">client consulting</a>, <a href="https://bradfrost.com/workshops/">workshops/trainings</a>, <a href="https://bradfrost.com/speaking/">conferences</a>, secret projects, musical endeavors, and plenty of business admin to keep everything running. And that’s just on the work front!</p>



<p>There&#8217;s also my marriage, my daughter’s increasingly-active social life, other important relationships to maintain, grocery lists, home maintenance, taxes, and all sorts of other fun chores that come along for the ride.</p>



<p>It’s a lot!<strong> I know you know it’s a lot because you’re juggling your own version of this.</strong></p>



<p>That’s why each and every paper cut causes just a little more compounded pain. I’m now at a point where:</p>



<ul class="wp-block-list">
<li>Responding to text messages: <strong>hard.</strong></li>



<li>Responding to Slack messages: <strong>hard.</strong></li>



<li>Responding to emails: <strong>hard.</strong></li>



<li>Finding &amp; protecting head-down time to do deep work on my many important projects: <strong>hard.</strong></li>



<li>Scheduling time with people: <strong>hard.</strong></li>



<li>Catching up with people: <strong>hard.</strong></li>



<li>Writing blog posts: <strong>hard.</strong></li>



<li>Writing social media posts: <strong>hard.</strong></li>



<li>Playing music: <strong>easy.</strong></li>



<li>Sharing that music: <strong>hard.</strong></li>



<li>Talking to people: <strong>easy.</strong></li>



<li>Transforming that talking into real action: <strong>hard.</strong></li>



<li>Finding time to rest and just be: <strong>hard.</strong></li>
</ul>



<p>You might be thinking to yourself: “Well, Brad, you’re doing too much! You’re spreading yourself too thin.” To which I reply, “Thanks for your concern, but respectfully, no.” Making many things happen concurrently across many different areas is where I thrive. I’m passionate, enthusiastic, excited I know what I’m capable of. I know in my soul it’s not the quantity or variety of my pursuits. </p>



<p>So then, what&#8217;s the issue? It’s the processes. The handoffs. The seams. The signal chain. The orchestration of technology, human beings, and processes to bring creative work to life.</p>



<p><strong>It’s many of these processes that I’m declaring bankruptcy on and starting anew.</strong></p>



<h2 class="wp-block-heading">KonMari’ing my life</h2>



<p>For the last few months, <strong>I&#8217;ve been hard at work overhauling software, overhauling hardware, overhauling systems, overhauling services, consolidating, shedding dead weight, shifting gears, shifting roles, shifting responsibilities, shifting all of the things in order to leave the gunk behind.</strong></p>



<p>While many of these overhauls are still in progress, <strong>I&#8217;m already seeing some truly transformative and foundational improvements to my work and my life.</strong> I’m so incredibly excited to emerge from the quicksand, and am excited to share these shifts to hopefully help others get into more of a creative rhythm.</p>



<h2 class="wp-block-heading">Flowing Freely</h2>



<p>All of this is necessary, but I also know that it comes at a cost. <strong>I especially want to apologize to the people who have preordered my <a href="https://atomicdesigncourse.com/">Atomic Design Certification Course</a></strong>; I wanted to be done with it by now and am a few months behind schedule. I’m 100% committed to getting it done and out the door; and I really appreciate your continued patience. I promise it will be complete soon!</p>



<p>I also know that this has been disruptive for our core team, who have endured a lot of whiplash and shifting sands. I&#8217;m sorry to you too. While everyone understands why things need to change and is starting to see the benefits of the new systems, it&#8217;s still been pretty jarring!</p>



<p><strong>There’s a design systems parallel here: we’ve encountered so many teams who are under immense pressure to ship. “I know I should use the system, but I just need this quick tweak so I’ll detach it for now.” “I’m just going to copy and paste it for now; I’ll hook it up to the system later.” But in the words of John Fogerty, “<a href="https://www.youtube.com/watch?v=NwNuQulK6N0">Someday never comes.</a>”</strong></p>



<p>It’s a hard-earned lesson we all have to learn that sometimes <strong>you need to go slow in order to go fast. Doing things right takes time. Not always a lot more time than hurrying things out the door, but more time nonetheless. It’s worth building the muscles to override the pressure to move quickly in order to tackle things at the system level.</strong> Building this habit will prevent your future self from having to one day declare systems bankruptcy.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://bradfrost.com/wp-content/uploads/2026/01/image-3-1024x576.png" alt="An under-desk view of organized cables" class="wp-image-25312" srcset="https://bradfrost.com/wp-content/uploads/2026/01/image-3-1024x576.png 1024w, https://bradfrost.com/wp-content/uploads/2026/01/image-3-700x394.png 700w, https://bradfrost.com/wp-content/uploads/2026/01/image-3-768x432.png 768w, https://bradfrost.com/wp-content/uploads/2026/01/image-3-1536x864.png 1536w, https://bradfrost.com/wp-content/uploads/2026/01/image-3-2048x1152.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Nuance and Garage Doors]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/nuance-and-garage-doors/" />

		<id>https://bradfrost.com/?p=25307</id>
		<updated>2026-01-16T00:51:05Z</updated>
		<published>2026-01-16T00:51:04Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="consulting" /><category scheme="https://bradfrost.com" term="feedback" /><category scheme="https://bradfrost.com" term="garage door" /><category scheme="https://bradfrost.com" term="hemmingway" /><category scheme="https://bradfrost.com" term="nuance" />
		<summary type="html"><![CDATA[I got some wonderful bit of Hemmingway-esque consulting advice from the garage door repair guy.]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/nuance-and-garage-doors/"><![CDATA[
<p>I got some wonderful bit of Hemmingway-esque consulting advice from the garage door repair guy.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-9-16 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Nuance and Garage Doors" width="422" height="750" src="https://www.youtube.com/embed/8ArxSUzke7A?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Video: Brad Frost – We Are Here &#8211; Beyond Tellerrand]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/video-brad-frost-we-are-here-beyond-tellerrand/" />

		<id>https://bradfrost.com/?p=25299</id>
		<updated>2026-01-07T23:04:09Z</updated>
		<published>2026-01-07T23:04:09Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="beyond tellerrand" /><category scheme="https://bradfrost.com" term="live music" /><category scheme="https://bradfrost.com" term="music" /><category scheme="https://bradfrost.com" term="performance art" /><category scheme="https://bradfrost.com" term="speaking" /><category scheme="https://bradfrost.com" term="we are here." />
		<summary type="html"><![CDATA[Marc shared his perspective on my Beyond Tellerrand performance, and Marc recounts the original discussion in the early hours in Antwerp 2024. (Marc always seems to be the last man standing at a conference after party, and I&#8217;ve always been [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/video-brad-frost-we-are-here-beyond-tellerrand/"><![CDATA[<p><a href="https://beyondtellerrand.com/blog/btconf-berlin-2025-video-brad-frost">Marc shared his perspective</a> on <a href="https://bradfrost.com/blog/post/we-are-here-performance-at-beyond-tellerrand/">my Beyond Tellerrand performance,</a> and Marc recounts the original discussion in the early hours in Antwerp 2024.</p>
<p>(Marc always seems to be the last man standing at a conference after party, and I&#8217;ve always been impressed by how he seems to have no problem putting in intensive work days before and after!)</p>
<p>Marc discusses the importance of trust when putting on a conference of this calibre:</p>
<blockquote><p>That’s what I did. And that is part of me running the event. I trusted Tobi in 2013 with his idea of “Audio-Sketchnotes”. I always trust the artists I ask for t-shirt designs, event designs, opening titles (like <a href="https://beyondtellerrand.com/blog/bts-gavin-strange-and-the-dusseldorf-2025-design">Gavin with his live titles</a>) and anything else. I guess part of the “beyond tellerrand” idea is exactly this. To be open for new and other things, not giving a briefing, but trusting the creating person.</p></blockquote>
<p>Beyond Tellerrand is an extraordinary event, and so much of has to do with Marc&#8217;s ability to curate people, places, and things and then trust people to do their thing. It&#8217;s that trust that unlocks so much of the magic of the event.</p>
<blockquote><p>The reaction to Brad’s and Ian’s performance onsite was split. I guess some people might have expected a little more practical output from <em>the</em> Brad Frost.</p></blockquote>
<p>Ha! I had plenty of people (nearly everyone, really) say &#8220;I wasn&#8217;t expecting that!&#8221;, and I can certainly appreciate some people not digging it. But I can&#8217;t say I didn&#8217;t warn them! <a href="https://beyondtellerrand.com/events/berlin-2025/speakers/brad-frost">Here was my talk description:</a></p>
<blockquote><p>Title: we are here.<br />
If you have any expectations about what this talk will be, please set them aside and keep your mind open. In this deeply personal, “and now for something completely different” talk, I will explore themes and share lessons about life, love, work, and existence. We are here. We are alive.</p></blockquote>
<p>So, yep!</p>
<blockquote><p>Some people in the audience have been totally in tears</p></blockquote>
<p>Which matches what <a href="https://bsky.app/profile/bell.bz/post/3mbu3dtrffc2l">Andy observed</a>:</p>
<blockquote><p>never seen so many audience members in tears at a conference in my life</p></blockquote>
<p>While I couldn&#8217;t really see the audience when we were on stage (plus I pretty much black out while in the zone), I had a whole bunch of people yell at me afterwards for making them cry. Even got a few punches! I take it as a good sign that the message was received by at least a few audience members, and that&#8217;s all I could hope for.</p>
<p>Back to Marc:</p>
<blockquote><p>In times of shitty AI slop flooding most of the internet it means even more, if someone creates something like this. With his hands. With passion. With soul. Something that wasn’t perfect, but which shouldn’t be. Something that means so much to someone, which it did to Brad.</p></blockquote>
<p>He gets it. Whether it&#8217;s AI, macro-level issues, or just the increasingly-noisy nature of modern existence, it&#8217;s easy to forget our humanity. I wanted our performance to remind people of the absolute miracle that is our existence. To celebrate our humanity. To celebrate The Good.</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[we are here. Performance at Beyond Tellerrand]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/we-are-here-performance-at-beyond-tellerrand/" />

		<id>https://bradfrost.com/?p=25246</id>
		<updated>2026-01-07T18:08:03Z</updated>
		<published>2026-01-07T16:29:06Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="advice" /><category scheme="https://bradfrost.com" term="art" /><category scheme="https://bradfrost.com" term="bass" /><category scheme="https://bradfrost.com" term="beyond tellerrand" /><category scheme="https://bradfrost.com" term="concert" /><category scheme="https://bradfrost.com" term="drums" /><category scheme="https://bradfrost.com" term="inspiration" /><category scheme="https://bradfrost.com" term="life" /><category scheme="https://bradfrost.com" term="music" /><category scheme="https://bradfrost.com" term="performance" /><category scheme="https://bradfrost.com" term="performance art" /><category scheme="https://bradfrost.com" term="spirits creative" />
		<summary type="html"><![CDATA[This performance has been years in the making. In a sense, you could say it&#8217;s been a lifetime in the making. On November 6th, 2025, my brother Ian and I gave a &#8220;talk&#8221; at the amazing Beyond Tellerrand conference in [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/we-are-here-performance-at-beyond-tellerrand/"><![CDATA[
<iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/i7NInU5RWak?si=3Gkptmve73hO9701" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>



<p></p>



<p>This performance has been years in the making. In a sense, you could say it&#8217;s been a lifetime in the making. </p>



<p>On November 6th, 2025, my brother Ian and I gave a &#8220;talk&#8221; at the amazing <a href="https://beyondtellerrand.com/events/berlin-2025" data-type="link" data-id="https://beyondtellerrand.com/events/berlin-2025">Beyond Tellerrand conference in Berlin, Germany</a>. In this &#8220;talk&#8221;, I didn&#8217;t speak a single word. Instead, <strong>Ian and I performed music to serve as the live soundtrack to, well, my entire life. </strong></p>



<h2 class="wp-block-heading">My life, documented.</h2>



<p>My mom spent my entire childhood with a camcorder mounted to her shoulder. Family gatherings, youth sporting events (holy crap, <em>so many</em> sporting events), and moments both mundane and extraordinary, my mom documented so much of my life.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://bradfrost.com/wp-content/uploads/2026/01/image-1-1024x576.png" alt="Various VHS casette tape covers, featuring some amazing retro style graphics" class="wp-image-25253" srcset="https://bradfrost.com/wp-content/uploads/2026/01/image-1-1024x576.png 1024w, https://bradfrost.com/wp-content/uploads/2026/01/image-1-700x394.png 700w, https://bradfrost.com/wp-content/uploads/2026/01/image-1-768x432.png 768w, https://bradfrost.com/wp-content/uploads/2026/01/image-1-1536x864.png 1536w, https://bradfrost.com/wp-content/uploads/2026/01/image-1-2048x1152.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">I&#8217;m not entirely sure I knew it at the time, but VHS graphic design had a huge influence on my design &amp; aesthetic preferences.</figcaption></figure>



<p>When I was in high school, my family got a VHS and DVD player/burner that had a &#8220;transfer VHS-to-DVD&#8221; function. I spent an entire summer converting every VHS tape into DVD format, storing them in a CD binder that was entombed in my childhood home for the next 20 years.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="891" height="1024" src="https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-06-at-23.01.27@2x-891x1024.png" alt="4 DVDs in a CD binder, all labeled in Sharpie 1995 and 1996" class="wp-image-25255" srcset="https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-06-at-23.01.27@2x-891x1024.png 891w, https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-06-at-23.01.27@2x-700x804.png 700w, https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-06-at-23.01.27@2x-768x882.png 768w, https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-06-at-23.01.27@2x.png 900w" sizes="auto, (max-width: 891px) 100vw, 891px" /></figure>



<h2 class="wp-block-heading">More life, more technology, more documentation</h2>



<p>While the DVD binder remained stationary in my hometown, I went on living life. Turns out, I inherited my mom&#8217;s documentarian instincts, and throughout high school, college, and adulthood I found myself making funny videos with my friends, and capturing my lived experience through photos and videos. </p>



<p>Of course, as technology progressed it became easier and easier to capture these moments <small>(aside: the only &#8220;hole&#8221; in my archives was from around 2006-2008, which was a post-point-and-shoot camera and pre-smartphone era. I had a<a href="https://www.reddit.com/r/nostalgia/comments/hmj0i7/the_coolest_person_you_knew_had_the_motorola_env/"> phone</a> with a weak camera and a memory card that has been lost to time. Facebook photos existed, but it was a pain to transfer from the phone to the computer, so my archives are slim).</small> Technology continued to progress to <a href="https://www.youtube.com/shorts/sY6SjMITHrQ">&#8220;say, you wanna see 100,000 pictures of my great grandfather and everything he&#8217;s ever done?&#8221;</a> levels.</p>



<h2 class="wp-block-heading">A middle-aged man reflects on his life</h2>



<p>In <a href="https://bradfrost.com/blog/post/2024/">2024</a> I turned 40, which makes me an Official Middle-Aged Man (depending on who you ask). Like so many, I used this milestone to reflect at the life I&#8217;ve lived so far to <a href="https://bradfrost.com/blog/post/40-thoughts-at-40/">see what lessons I could extract</a>.</p>



<iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/AnK2JcPv1N8?si=HmzACnbGy0tYm3Gp" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>



<p></p>



<p>And holy shit has there been a lot of life. A lot of good. A lot of bad. A lot of hard. <strong>Our life experiences shape how we think and act in the world. We have no choice in the matter. </strong></p>



<p>I felt such a strong pull to share these reflections with more people and was on the hunt for opportunities to do so. The universe seemed to oblige when Marc reached out.</p>



<h2 class="wp-block-heading">A unique opportunity at an important conference</h2>



<p><a href="https://beyondtellerrand.com/">Beyond Tellerrand</a> is a really special conference to me. It&#8217;s where <a href="https://www.youtube.com/watch?v=84LZyZsTiaA">I first shared Atomic Design with the world</a>, and changed the trajectory of my life. I&#8217;m so incredibly fortunate to have forged a close friendship with <a href="http://com">Marc</a> over many years of conference adventures together. Marc is a uniquely amazing person, and I&#8217;ve heard him explain many times that &#8220;beyond tellerrand&#8221; translates from German to &#8220;beyond the perimeter of the plate.&#8221; So when he asked me back to speak at the conference in 2025, I knew this was an opportunity to do something special.</p>



<p>I&#8217;ve seen plenty of conference talks where a certain flavor of creative professional (especially graphic designers, animators, visual artists) take the audience through their career trajectory and portfolio, sharing lessons along the way. While I generally enjoy this format for learning from others, I knew that I wanted to do something different. Something unique. Something out there. Something &#8220;beyond tellerrand.&#8221;</p>



<p>Almost a year out from the November conference, I pitched Marc the idea. &#8220;I&#8217;ll give a talk where I don&#8217;t say a word. I&#8217;ll share a timeline of my life and play music along to it. It will culminate in a big climax at the end and get everyone in the audience to sing. It will be epic. Trust me!&#8221;</p>



<p>&#8220;Ehhhhhhhhhhhh, ok.&#8221; Marc is equal parts skeptical and willing to entertain my crazy shenanigans. That&#8217;s why I love him. </p>



<p>In the coming months, I brought the concept to life in my brain, and by the summer I realized I needed to really get to work. I dusted off the binder of DVDs only to realize I didn&#8217;t <em>finalize</em> the damn things over 20 years ago. Thankfully, my parents still had the VHS/DVD player, so I spent weeks chipping away at finalizing over 120 DVDs. I then hire my teenage neighbor to rip all of the DVDs and convert them to mp4 files. It&#8217;s a mundane-yet-tedious process, which ends up taking the whole summer to complete.</p>



<p>All the while, I worked on compiling the narrative, planning the musical motif, acquiring gear (including <a href="https://www.hologramelectronics.com/products/microcosm?variant=50128768631088">this crucial, amazing pedal!</a>), and sifting through a literal lifetime&#8217;s worth of footage. Eventually, I realized I didn&#8217;t have enough time or bandwidth to do all of this, so I reached out to my pals Dusan and Dusan at <a href="https://spiritscreative.com/">Spirits Creative</a>, who did a phenomenal job <a href="https://www.youtube.com/playlist?list=PLRVyFmnlMfe0lMYaPF6zcT2JVUdpAjg9-">creating the intro animation for my Wake Up Excited! podcast</a>. </p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="211" src="https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-07-at-00.02.06@2x-1024x211.png" alt="Email that reads &quot;Hello!
Alright, do you guys want to collaborate some more together? This time a lot more ambitious and crazy?&quot;" class="wp-image-25268" srcset="https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-07-at-00.02.06@2x-1024x211.png 1024w, https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-07-at-00.02.06@2x-700x144.png 700w, https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-07-at-00.02.06@2x-768x158.png 768w, https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-07-at-00.02.06@2x-1536x316.png 1536w, https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-07-at-00.02.06@2x.png 1778w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Thankfully, they were willing to go down the rabbit hole with me, and they worked with me to create a visual system to represent a steady timeline to represent the entirety of my life. Turns out, the talk time slot is about 40 minutes long, and I&#8217;m 41 years old. So the math worked out where 1 minute of video representss each year of my life. Pretty wild. </p>



<h2 class="wp-block-heading">Off to Germany</h2>



<p>Like any ambitious creative project, there&#8217;s always a scramble at the date gets closer. I bought a flight case for my bass guitar (I&#8217;ve never flown with music gear before!), and Marc had people wrangle an ENTIRE FREAKING BACKLINE for all of our musical shenanigans. </p>



<p>Me, Ian, and our dad traveled together to Berlin. As soon as we arrived, we started playing tourist and quickly sent Dusan and Dusan some video footage to serve as one of the last nodes of the talk&#8217;s timeline. After all, this trip is part of my life&#8217;s journey and serves as an important bridge between my past and the present moment with the audience.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="554" src="https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-07-at-00.14.28-1024x554.png" alt="Ian, Dad, and myself at the Berlin Wall" class="wp-image-25269" srcset="https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-07-at-00.14.28-1024x554.png 1024w, https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-07-at-00.14.28-700x379.png 700w, https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-07-at-00.14.28-768x415.png 768w, https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-07-at-00.14.28-1536x831.png 1536w, https://bradfrost.com/wp-content/uploads/2026/01/CleanShot-2026-01-07-at-00.14.28-2048x1108.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Ian, Dad, and myself at the Berlin Wall</figcaption></figure>



<p>Ahead of the conference, we have a blast catching up with friends old and new. Ian and I conduct a <a href="https://beyondtellerrand.com/events/berlin-2025/workshops/advanced-design-tokens">full-day Advanced Design Tokens workshop</a>, and we have a ton of fun with the attendees working through a lot of the architecture and concepts we cover in our <a href="https://designtokenscourse.com/">Subatomic Design Tokens course</a>. It was great, and the workshop made me feel better about not giving a practical talk at the actual conference.</p>



<p>On the day of the conference, it was go time. We got to <a href="https://festsaal-kreuzberg.de/en">the amazing venue</a>, which primarily serves as an actual music venue. This is fantastic news for us as it means the sound system is amazing and the sound engineer is a seasoned veteran live sound technician. </p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="338" src="https://bradfrost.com/wp-content/uploads/2026/01/image-1024x338.png" alt="" class="wp-image-25251" srcset="https://bradfrost.com/wp-content/uploads/2026/01/image-1024x338.png 1024w, https://bradfrost.com/wp-content/uploads/2026/01/image-700x231.png 700w, https://bradfrost.com/wp-content/uploads/2026/01/image-768x253.png 768w, https://bradfrost.com/wp-content/uploads/2026/01/image-1536x507.png 1536w, https://bradfrost.com/wp-content/uploads/2026/01/image-2048x676.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p><a href="https://baldower.com/">Tobi</a> gets the audience amped with his amazing DJ energy, Marc as always plays the gracious host, and all of the speakers give absolutely stellar performances. It&#8217;s an inspiring day, but we&#8217;re a bit distracted as we&#8217;re assembling an incredible (and incredibly high-end!) Roland electronic drum kit that was arranged for us. Ian and I get our gear set up and sound check at lunch. Shortly after, it&#8217;s show time.</p>



<iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/i7NInU5RWak?si=3Gkptmve73hO9701" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>



<h2 class="wp-block-heading">Ain&#8217;t no party like an after party</h2>



<p>Immediately after we completed our set, we scrambled to move our musical gear into another room at the venue that served as the home of <a href="https://beyondtellerrand.com/events/berlin-2025/side-events/tellerrand-tunes">our after party jam session</a>! We encouraged people to show up ready to play music, and sure enough that&#8217;s what we did! Despite plans to put a little structure to it, everything went out the window and we ended up having an absolute blast playing anything and everything we could. Attendees and speakers alike jumped behind the instruments and mics and let &#8216;er rip. It was SO MUCH FUN.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-9-16 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="I had a FREAKING BLAST hosting a jam session at the @btconf after party in Berlin!" width="422" height="750" src="https://www.youtube.com/embed/OngccX5i3s4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">we are here. we are alive.</h2>



<p>In my life, I&#8217;ve experienced some of the best triumphs a human being can experience. I&#8217;ve also experienced some utterly awful things I wouldn&#8217;t wish upon anyone. I could articulate those experiences verbally, and it wouldn&#8217;t come close to capturing the nature of these experiences. I wanted the audience to <strong><em>FEEL</em></strong> those experiences. I wanted to take the audience on a journey. I wanted to go on that journey myself.</p>



<p>Above all, <strong>I wanted to bring everyone into the present moment. To <em>be</em> in the present moment. To <em>celebrate</em> the present moment.</strong> To help everyone understand that every single thing that&#8217;s happened to them in their own unique timeline has led them to the present moment. <strong>Everything that&#8217;s ever happened in your life — good, bad, and ugly — has brought <em>you</em> to this present moment. </strong></p>



<p>We are fundamentally different organisms, and each of us have lived a truly singular life. <strong>AND YET.</strong> We are all also fundamentally the same organisms: comprised of the same atomic elements, needing the same things, and containing an infinite potential and capacity for love &amp; creativity. <strong>we are here. we are alive.</strong></p>



<h2 class="wp-block-heading">Thank you</h2>



<ul class="wp-block-list">
<li>Thank you <a href="https://marcthiele.com/"><strong>Marc</strong></a> for trusting me to bring this crazy dream into existence at <a href="https://beyondtellerrand.com/">your amazing conference</a>. </li>



<li>Thank you <a href="https://ianfrostweather.com/"><strong>Ian</strong></a> for playing music for decades, and as always for participating in these increasingly-crazy projects. </li>



<li>Thank you <a href="https://spiritscreative.com/"><strong>Spirits Creative</strong></a> for all of your amazing animation/visual prowess, collaboration &amp; ingenuity, and for enduring rounds of feedback and tweaking up until the 11th hour. </li>



<li>Thanks to <strong><a href="https://www.fiverr.com/hybridlabstudio">Hybrid Lab Studio</a></strong> for mixing our performance into something that sounds really fantastic!</li>



<li>Thanks to all of the venue staff who helped arrange the gear and accommodated our uniquely weird thing. </li>



<li>Thanks to Tobi for  all of your energy and joining me to sing at the very end of the performance. </li>



<li>Thanks to the audience for coming on this journey with me and being cool with receiving something a lot different than a web design talk. </li>



<li>Thanks to Dad for traveling with us to Berlin, helping us wrangle gear and logistics, for manning the GoPro during the performance, and for all of your love and support.</li>



<li>Thanks to Mom for documenting so much of my life, and for all of your love and support.</li>



<li>And thanks to all of my family and friends for a lifetime of love and experience.</li>
</ul>



<p>we are here. we are alive. </p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[I&#8217;m live-streaming a redesign of my website]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/im-live-streaming-a-redesign-of-my-website/" />

		<id>https://bradfrost.com/?p=25228</id>
		<updated>2025-12-26T16:36:25Z</updated>
		<published>2025-12-26T16:36:25Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="bradfrost.com" /><category scheme="https://bradfrost.com" term="live coding" /><category scheme="https://bradfrost.com" term="redesign" /><category scheme="https://bradfrost.com" term="streaming" /><category scheme="https://bradfrost.com" term="website redesign" /><category scheme="https://bradfrost.com" term="youtube" />
		<summary type="html"><![CDATA[📺 I&#8217;m live-coding a redesign of my website! You can watch me here.]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/im-live-streaming-a-redesign-of-my-website/"><![CDATA[
<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4fa.png" alt="📺" class="wp-smiley" style="height: 1em; max-height: 1em;" /> I&#8217;m live-coding a redesign of my website! <a href="https://youtube.com/live/FXgkD-imV0E?feature=share">You can watch me here</a>. </p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[They have to be able to talk about us without us &#8211; Anil Dash]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/they-have-to-be-able-to-talk-about-us-without-us-anil-dash/" />

		<id>https://bradfrost.com/?p=25216</id>
		<updated>2025-12-19T03:41:48Z</updated>
		<published>2025-12-19T03:41:48Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="communication" /><category scheme="https://bradfrost.com" term="culture" />
		<summary type="html"><![CDATA[They have to be able to talk about us without us. What this phrase means, in its simplest form, is that you have to tell a story so clear, so concise, so memorable and evocative that people can repeat it [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/they-have-to-be-able-to-talk-about-us-without-us-anil-dash/"><![CDATA[<blockquote><p>They have to be able to talk about us without us. What this phrase means, in its simplest form, is that you have to tell a story so clear, so concise, so memorable and evocative that people can repeat it for you even after you’ve left the room.</p></blockquote>
<p><a href="https://www.anildash.com/2025/12/05/talk-about-us-without-us/">Beautiful words</a> from Anil about the power of successful communication.</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Agentic Design Systems in 2026]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/agentic-design-systems-in-2026/" />

		<id>https://bradfrost.com/?p=25213</id>
		<updated>2025-12-16T20:01:44Z</updated>
		<published>2025-12-16T20:01:44Z</published>
		<category scheme="https://bradfrost.com" term="post" />
		<summary type="html"><![CDATA[I had the opportunity to participate in a discussion with my pals at Storybook to show off the powerful formula of Design Systems + AI (we&#8217;ve been using the abbreviation &#8220;DS+AI&#8221; as &#8220;AI+DS&#8221; is 😬). The Storybook team demonstrated their [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/agentic-design-systems-in-2026/"><![CDATA[
<p>I had the opportunity to participate in a discussion with my pals at <a href="https://storybook.js.org/">Storybook</a> to show off the powerful formula of <strong>Design Systems + AI</strong> (we&#8217;ve been using the abbreviation &#8220;DS+AI&#8221; as &#8220;AI+DS&#8221; is <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f62c.png" alt="😬" class="wp-smiley" style="height: 1em; max-height: 1em;" />). The Storybook team demonstrated their brand-new <a href="https://storybook.js.org/addons/@storybook/addon-mcp">Storybook MCP</a> that helps teams generate UI by wielding their sturdy, well-considered design system component libraries.</p>



<h2 class="wp-block-heading">&#8220;Mouth Coding&#8221; and Collaborative Workflows</h2>



<p> In our work, we always <em>love</em> using coded prototypes to short-circuit the circular, unproductive back-and-forth of design review meetings. That&#8217;s why I feel that combining the generative power of AI with the well-considered structure of your design system is such a powerful combination. I paint a picture of it&#8217;s possible to use DS+AI to create more collaborative workflows:</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Design Systems + AI (DS+AI) can unlock more collaborative workflows" width="500" height="281" src="https://www.youtube.com/embed/rVcOSnpvTc4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>This unlocks the opportunity for brand-new kinds of collaborations between disciplines and teams. Non-technical team members can &#8220;mouth code&#8221; a product feature during a collaboration session and collectively we can see things come to life <strong><em>using the production-grade foundations of the design system</em>. </strong></p>



<p><strong>This is what distinguishes DS+AI from vibe coding; the AI is deliberately constrained to using the high-quality design system materials to ensure what&#8217;s being generated adheres to the organization&#8217;s established standards.</strong> </p>



<p>You can watch the whole video here:</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Agentic Design Systems in 2026 with Brad Frost" width="500" height="375" src="https://www.youtube.com/embed/Vg78K3t9KYc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>And if you&#8217;re interested in learning how to wield design systems and AI together, we&#8217;d love it if you checked out our new course, <a href="https://aianddesign.systems/">AI &amp; Design Systems</a>:</p>



<figure class="wp-block-image size-large"><a href="https://aianddesign.systems/"><img loading="lazy" decoding="async" width="1024" height="575" src="https://bradfrost.com/wp-content/uploads/2025/11/CleanShot-2025-11-23-at-22.13.51-1024x575.png" alt="" class="wp-image-25136" srcset="https://bradfrost.com/wp-content/uploads/2025/11/CleanShot-2025-11-23-at-22.13.51-1024x575.png 1024w, https://bradfrost.com/wp-content/uploads/2025/11/CleanShot-2025-11-23-at-22.13.51-700x393.png 700w, https://bradfrost.com/wp-content/uploads/2025/11/CleanShot-2025-11-23-at-22.13.51-768x432.png 768w, https://bradfrost.com/wp-content/uploads/2025/11/CleanShot-2025-11-23-at-22.13.51.png 1066w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a></figure>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Melissa Graduated!]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/melissa-graduated/" />

		<id>https://bradfrost.com/?p=25209</id>
		<updated>2025-12-15T14:18:20Z</updated>
		<published>2025-12-15T14:18:19Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="art therapy" /><category scheme="https://bradfrost.com" term="family" /><category scheme="https://bradfrost.com" term="graduation" /><category scheme="https://bradfrost.com" term="life" /><category scheme="https://bradfrost.com" term="melissa frost" />
		<summary type="html"><![CDATA[MY WIFE GRADUATED AND GOT HER MASTERS IN MENTAL HEALTH COUNSELING AND ART THERAPY! I am so massively proud of her! Melissa has busted her ass and has demonstrated superhuman levels of grit and determination over the last four and [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/melissa-graduated/"><![CDATA[
<p><strong>MY WIFE GRADUATED AND GOT HER MASTERS IN MENTAL HEALTH COUNSELING AND ART THERAPY!</strong> I am so massively proud of her!</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="772" height="1024" src="https://bradfrost.com/wp-content/uploads/2025/12/melissa-772x1024.png" alt="Melissa smiling holding her diploma while wearing her cap and gown" class="wp-image-25210" srcset="https://bradfrost.com/wp-content/uploads/2025/12/melissa-772x1024.png 772w, https://bradfrost.com/wp-content/uploads/2025/12/melissa-700x929.png 700w, https://bradfrost.com/wp-content/uploads/2025/12/melissa-768x1019.png 768w, https://bradfrost.com/wp-content/uploads/2025/12/melissa-1157x1536.png 1157w, https://bradfrost.com/wp-content/uploads/2025/12/melissa-1543x2048.png 1543w, https://bradfrost.com/wp-content/uploads/2025/12/melissa-scaled.png 1929w" sizes="auto, (max-width: 772px) 100vw, 772px" /></figure>



<p>Melissa has busted her ass and has demonstrated superhuman levels of grit and determination over the last four and a half years. She&#8217;s endured more hardship since the start of her journey than some people do in an entire lifetime, and she&#8217;s done it all while continuing to be an utterly exemplary human being. She is such an inspiration to me, and our daughter is so lucky to have such a role model for a mom.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="883" height="1024" src="https://bradfrost.com/wp-content/uploads/2025/12/melissa-graduation-EDIT-883x1024.jpg" alt="Melissa in her cap and gown smiling with Ella and Brad" class="wp-image-25211" srcset="https://bradfrost.com/wp-content/uploads/2025/12/melissa-graduation-EDIT-883x1024.jpg 883w, https://bradfrost.com/wp-content/uploads/2025/12/melissa-graduation-EDIT-700x812.jpg 700w, https://bradfrost.com/wp-content/uploads/2025/12/melissa-graduation-EDIT-768x891.jpg 768w, https://bradfrost.com/wp-content/uploads/2025/12/melissa-graduation-EDIT-1324x1536.jpg 1324w, https://bradfrost.com/wp-content/uploads/2025/12/melissa-graduation-EDIT-1765x2048.jpg 1765w" sizes="auto, (max-width: 883px) 100vw, 883px" /></figure>



<p>Melissa is so gifted in so many areas, and it&#8217;s been so inspiring to see her deploy all of her talents and amazing qualities for such a noble mission. I&#8217;m so excited for her next chapter, and also excited for her to get some well-deserved rest!</p>



<p>I love you so much, Melissa. CONGRATULATIONS!</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Size of Life]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/size-of-life/" />

		<id>https://bradfrost.com/?p=25205</id>
		<updated>2025-12-12T15:07:07Z</updated>
		<published>2025-12-12T15:07:07Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="illustration" /><category scheme="https://bradfrost.com" term="inspiration" /><category scheme="https://bradfrost.com" term="neal agarwal" /><category scheme="https://bradfrost.com" term="web design" />
		<summary type="html"><![CDATA[Size of Life by Neal Agarwal is absolutely beautiful, incredible, and informative. Web design inspiration at its finest.]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/size-of-life/"><![CDATA[<p><a href="https://neal.fun/size-of-life/">Size of Life</a> by Neal Agarwal is absolutely beautiful, incredible, and informative. Web design inspiration at its finest.</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Marc was Invited to the “Wake Up Excited” Podcast by Brad Frost]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/marc-was-invited-to-the-wake-up-excited-podcast-by-brad-frost/" />

		<id>https://bradfrost.com/?p=25203</id>
		<updated>2025-12-11T23:01:10Z</updated>
		<published>2025-12-11T23:01:10Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="beyond tellerrand" /><category scheme="https://bradfrost.com" term="marc thiele" /><category scheme="https://bradfrost.com" term="podcast" /><category scheme="https://bradfrost.com" term="wake up excited" />
		<summary type="html"><![CDATA[A big part of our chat circled around authenticity and self-worth. A few questions we touched were: How easy is it to overlook your own achievements? How strange does it feel to work alone so much? How often do we [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/marc-was-invited-to-the-wake-up-excited-podcast-by-brad-frost/"><![CDATA[<blockquote><p>A big part of our chat circled around authenticity and self-worth. A few questions we touched were: How easy is it to overlook your own achievements? How strange does it feel to work alone so much? How often do we push away compliments instead of accepting them? Brad and I compared how the web used to feel more intimate and conversational, and how today’s social media noise can make honest sharing harder, and yet, more important than ever! We also dug into the value of community, reflection, and simply sh</p></blockquote>
<p><em><a href="https://beyondtellerrand.com/blog/brad-frost-wake-up-excited-with-marc-thiele">Marc was Invited to the “Wake Up Excited” Podcast</a></em></p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Embracing Authenticity and Creativity with Marc Thiele]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/embracing-authenticity-and-creativity-with-marc-thiele/" />

		<id>https://bradfrost.com/?p=25201</id>
		<updated>2025-12-11T19:48:23Z</updated>
		<published>2025-12-11T19:48:23Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="beyond tellerrand" /><category scheme="https://bradfrost.com" term="creativity" /><category scheme="https://bradfrost.com" term="marc thiele" /><category scheme="https://bradfrost.com" term="podcast" /><category scheme="https://bradfrost.com" term="wake up excited" />
		<summary type="html"><![CDATA[On the latest episode of Wake Up Excited! , I talk with my good friend Marc Thiele. Marc is the organizer of the Fantastic Beyond Tellerrand conference that happens every year in Germany. I really feel like Beyond Tellerrand should be [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/embracing-authenticity-and-creativity-with-marc-thiele/"><![CDATA[<p><iframe loading="lazy" title="Embracing Authenticity and Creativity with Marc Thiele" width="500" height="281" src="https://www.youtube.com/embed/FqKYFtHmb9w?list=PLRVyFmnlMfe0lMYaPF6zcT2JVUdpAjg9-" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>On <a href="https://youtu.be/FqKYFtHmb9w?si=61XRq-KAsvWafDi2">the latest</a> <a href="https://podcast.wakeupexcited.show/9">episode</a> of <a href="https://wakeupexcited.show/">Wake Up Excited!</a> , I talk with my good friend <a href="https://marcthiele.com/">Marc Thiele</a>. Marc is the organizer of the Fantastic <a href="https://beyondtellerrand.com/">Beyond Tellerrand</a> conference that happens every year in Germany. I really feel like Beyond Tellerrand should be on every creative person&#8217;s bucket list. The show is exceptional and balances practical knowledge with diverse creative inspiration.</p>
<p>Marc and I talk about the hard work behind creative projects, intrinsic versus extrinsic motivation, embracing vulnerability and sincerity, continuing to cultivate joy and satisfaction, even for long running creative endeavors. The value of community and relationships, learning from failure and a whole lot more.</p>
<p>If you enjoy the show, I&#8217;d appreciate it if you <a href="https://podcast.wakeupexcited.show/subscribe">subscribe</a> and spread the news!</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Blog Alarm Clock]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/post/blog-alarm-clock/" />

		<id>https://bradfrost.com/?p=25198</id>
		<updated>2025-12-09T18:28:36Z</updated>
		<published>2025-12-09T18:28:36Z</published>
		<category scheme="https://bradfrost.com" term="post" /><category scheme="https://bradfrost.com" term="blog" /><category scheme="https://bradfrost.com" term="process" /><category scheme="https://bradfrost.com" term="writing" />
		<summary type="html"><![CDATA[A blog alarm clock lives inside me. As time passes, an uncomfortable pressure builds up until the alarm finally goes off, rattling my bones and my soul. Snoozing isn&#8217;t an option; the only way to turn the alarm off and [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/post/blog-alarm-clock/"><![CDATA[
<p>A blog alarm clock lives inside me. As time passes, an uncomfortable pressure builds up until the alarm finally goes off, rattling my bones and my soul.</p>



<p>Snoozing isn&#8217;t an option; the only way to turn the alarm off and release the pressure is to publish a blog post. </p>



<p>I feel better already.</p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[CSS Wrapped 2025]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/css-wrapped-2025/" />

		<id>https://bradfrost.com/?p=25196</id>
		<updated>2025-12-09T14:58:36Z</updated>
		<published>2025-12-09T14:58:36Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="css" /><category scheme="https://bradfrost.com" term="dark mode" /><category scheme="https://bradfrost.com" term="design tokens" /><category scheme="https://bradfrost.com" term="inspiration" /><category scheme="https://bradfrost.com" term="web design" />
		<summary type="html"><![CDATA[CSS Wrapped 2025 is a super fun website that shows off the latest and greatest CSS features. The website&#8217;s got some fun light/dark mode action going on too!]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/css-wrapped-2025/"><![CDATA[<p><a href="https://chrome.dev/css-wrapped-2025/">CSS Wrapped 2025</a> <span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;" data-slate-node="text">is a super fun website that shows off the latest and greatest CSS features. </span><span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;" data-slate-node="text">The website&#8217;s got some fun light/dark mode action going on too!</span></p>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[Agentic Design Systems in 2026 with Brad Frost]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/agentic-design-systems-in-2026-with-brad-frost/" />

		<id>https://bradfrost.com/?p=25191</id>
		<updated>2025-12-09T03:24:10Z</updated>
		<published>2025-12-09T03:24:10Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="ai" /><category scheme="https://bradfrost.com" term="ai and design systems" /><category scheme="https://bradfrost.com" term="atomic design" /><category scheme="https://bradfrost.com" term="mcp" /><category scheme="https://bradfrost.com" term="storybook" /><category scheme="https://bradfrost.com" term="webinar" />
		<summary type="html"><![CDATA[I&#8217;m super excited to talk about the potent combination of AI and design systems with my pal Dominic Nguyen and the folks at Storybook this Thursday. I got to huddle with Dom today, and this is something that&#8217;s going to [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/agentic-design-systems-in-2026-with-brad-frost/"><![CDATA[<p>I&#8217;m super excited to <a href="https://us02web.zoom.us/webinar/register/8817522434822/WN_iPyLHSR_S0uc5npmGjcr6A?utm_campaign=31323911-20251211_campaign_webinar-zoom_global-en_all-full-awareness_AgenticDesignSystems2026BradFrost&amp;utm_content=360511283&amp;utm_medium=social&amp;utm_source=linkedin&amp;hss_channel=lcp-74529112#/registration">talk about the potent combination of AI and design systems</a> with my pal <a href="https://www.linkedin.com/in/domyen/">Dominic Nguyen</a> and the folks at <a href="https://storybook.js.org/">Storybook</a> this Thursday. I got to huddle with Dom today, and this is something that&#8217;s going to be pretty dang cool. You can <a href="https://us02web.zoom.us/webinar/register/8817522434822/WN_iPyLHSR_S0uc5npmGjcr6A?utm_campaign=31323911-20251211_campaign_webinar-zoom_global-en_all-full-awareness_AgenticDesignSystems2026BradFrost&amp;utm_content=360511283&amp;utm_medium=social&amp;utm_source=linkedin&amp;hss_channel=lcp-74529112#/registration">register for the event here</a>.</p>
<blockquote><p>AI is rapidly reshaping who (or what) uses your design system. Autonomous agents are assembling UIs with the same components your human teams use. That shift demands design systems evolve into machine-readable infrastructure—or risk becoming artifacts of a bygone era.</p></blockquote>
]]></content>
		
			</entry>
		<entry>
		<author>
			<name>Brad Frost</name>
							<uri>http://bradfrost.com</uri>
						</author>

		<title type="html"><![CDATA[A Love Letter To The People Who Believe In People &#124; CreativeMornings]]></title>
		<link rel="alternate" type="text/html" href="https://bradfrost.com/blog/link/a-love-letter-to-the-people-who-believe-in-people-creativemornings/" />

		<id>https://bradfrost.com/?p=25184</id>
		<updated>2025-11-29T21:13:01Z</updated>
		<published>2025-11-29T21:13:01Z</published>
		<category scheme="https://bradfrost.com" term="link" /><category scheme="https://bradfrost.com" term="community" /><category scheme="https://bradfrost.com" term="enthusiasm" /><category scheme="https://bradfrost.com" term="optimism" /><category scheme="https://bradfrost.com" term="positivity" />
		<summary type="html"><![CDATA[Being a fan is all about bringing the enthusiasm. It’s being a champion of possibility. It’s believing in someone. And it’s contagious. When you’re around someone who is super excited about something, it washes over you. It feels good. You [&#8230;]]]></summary>

					<content type="html" xml:base="https://bradfrost.com/blog/link/a-love-letter-to-the-people-who-believe-in-people-creativemornings/"><![CDATA[<blockquote><p>Being a fan is all about bringing the enthusiasm. It’s being a champion of possibility. It’s believing in someone. And it’s contagious. When you’re around someone who is super excited about something, it washes over you. It feels good. You can’t help but want to bring the enthusiasm, too.</p>
<p>This, to me, is the real transformation. Confidence is impressive, but enthusiasm can change people’s lives.</p></blockquote>
<p>I love everything about Tina&#8217;s article, <a href="https://creativemornings.com/blog/a-love-letter-to-the-people-who-believe-in-people">A Love Letter To The People Who Believe In People.</a></p>
<blockquote><p>In a world that sometimes feels like it’s waiting to discourage you, we need to find and become uplifting, optimistic, heart-forward people more than ever.</p></blockquote>
<p>HELL YES. This is the spirit behind <a href="https://wakeupexcited.show/">Wake Up Excited!</a> and a lot of my other pursuits. It took a while to learn how to wield my enthusiasm constructively, but now that I have used it there&#8217;s no going back.</p>
]]></content>
		
			</entry>
	</feed>
