<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="pretty-atom-feed.xsl" type="text/xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en-US">
  <title>Brad Frost</title>
  <subtitle>Web Designer, Teacher, Consultant, Writer, Musician, Artist</subtitle>
  <link href="https://bradfrost.com/feed/feed.xml" rel="self" />
  <link href="https://bradfrost.com/" />
  <updated>2026-08-11T00:00:00Z</updated>
  <id>https://bradfrost.com/</id>
  <author>
    <name>Brad Frost</name>
  </author>
  <entry>
    <title>Just You Wait, by Chris Shiflett</title>
    <link href="https://bradfrost.com/links/post/just-you-wait-by-chris-shiflett/" />
    <updated>2026-08-11T00:00:00Z</updated>
    <id>https://bradfrost.com/links/post/just-you-wait-by-chris-shiflett/</id>
    <content type="html">&lt;p&gt;&lt;a href=&quot;https://shiflett.org/blog/2026/just-you-wait&quot;&gt;Just You Wait, by Chris Shiflett&lt;/a&gt; is a fantastic read. While I&#39;m slightly younger than Chris, his description of the journey of growing and evolving with technology feels very familiar. The whole article is well worth a read, but really loves how he closes it out:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;For the first time in years, I see possibility. Not utopia. AI’s problems aren’t being exaggerated. Like every technology before it, it will reflect the people building it. But possibility is the right word for what I’m feeling, and I haven’t felt it in a while. Not just for young people who haven’t lost their enthusiasm. For people who have been here long enough to remember when the web was open, generous, optimistic, and built by people who simply wanted to make things and share them with the world. That sharing was an expression of our gratitude, and that gratitude is still there.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;I think experience matters now more than ever. I think curiosity matters. And I think a lot of people who may have quietly counted themselves out have something important to contribute.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;So here’s my birthday wish, for me and for you: let’s be curious and generous. I plan to spend a lot of my time making things again. I’d love some company.&lt;/p&gt;
&lt;/blockquote&gt;</content>
  </entry>
  <entry>
    <title>Backyard Designers: Draft Your Dream Design Team</title>
    <link href="https://bradfrost.com/links/post/backyard-designers-draft-your-dream-design-team/" />
    <updated>2026-08-04T00:00:00Z</updated>
    <id>https://bradfrost.com/links/post/backyard-designers-draft-your-dream-design-team/</id>
    <content type="html">&lt;p&gt;&lt;a href=&quot;https://backyarddesigners.club/index.html&quot;&gt;Backyard Designers&lt;/a&gt; is making its rounds, and I got to see myself as a little character.&lt;/p&gt;
&lt;p&gt;I saw commentary about it feeling icky in-club kinda stuff, which is why the parody site &lt;a href=&quot;https://brokeass-designers.fly.dev/&quot;&gt;Brokeass Designers&lt;/a&gt; with its pitch-perfect Sarah McLachlan music made me LOL.&lt;/p&gt;
&lt;p&gt;I&#39;m not a fan of this type of thing, and have never liked being put on a pedestal.&lt;/p&gt;
&lt;p&gt;Literally every person on this planet has value, and we can all learn so much from each other. While this is pretty g-rated and it&#39;s fine to celebrate people, I feel like we&#39;ve already got enough crap dividing people and giving people complexes. Gimme more communal, collaborative stuff any day of the week.&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Things Take the Time They Take: A 42nd Thought at 42</title>
    <link href="https://bradfrost.com/blog/post/things-take-the-time-they-take-a-42nd-thought-at-42/" />
    <updated>2026-07-30T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/things-take-the-time-they-take-a-42nd-thought-at-42/</id>
    <content type="html">&lt;p&gt;Two years ago &lt;a href=&quot;https://bradfrost.com/blog/post/40-thoughts-at-40/&quot;&gt;I shared 40 thoughts as I turned 40&lt;/a&gt;, and last year I added &lt;a href=&quot;https://bradfrost.com/blog/post/bigger-than-boxes-a-41st-thought-at-41/&quot;&gt;a 41st thought&lt;/a&gt;. So as I make my 42nd lap around the sun, I figured I&#39;d throw another thought onto the pile.&lt;/p&gt;
&lt;ed-r-video-embed&gt;
	&lt;iframe src=&quot;https://www.youtube.com/embed/H86Ey31AryY&quot; title=&quot;Things Take the Time They Take: A 42nd Thought at 42&quot; loading=&quot;lazy&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;
&lt;/ed-r-video-embed&gt;
&lt;h2 id=&quot;42-things-take-the-time-they-take&quot;&gt;42. Things take the time they take&lt;/h2&gt;
&lt;p&gt;When I was working at R/GA, someone (I can&#39;t remember who) said something along the lines of:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;You can&#39;t make a baby in one month by throwing nine people at it.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Despite this reality, I&#39;ve witnessed so many cleverly attempt to hack it over the years. None have worked, and I&#39;ve found the &amp;quot;&lt;a href=&quot;https://en.wikipedia.org/wiki/Project_management_triangle&quot;&gt;good, fast, cheap: pick two.&lt;/a&gt;&amp;quot; triangle continues to be true.&lt;/p&gt;
&lt;p&gt;But with each passing year, &lt;strong&gt;time &lt;em&gt;feels&lt;/em&gt; more compressed and our expectation of immediacy grows proportionally.&lt;/strong&gt; The digital world introduced near-immediate abundance, which shaped our behavior, package delivery timeframes, and our willingness to wait for damn near anything. Give us another couple years and we&#39;ll all fail the fucking &lt;a href=&quot;https://en.wikipedia.org/wiki/Stanford_marshmallow_experiment&quot;&gt;marshmallow test&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Creating things has become easier and more immediate as well. We now have a new paradigm of tools that allow us to generate things instantaneously. Our expectations of immediacy will shift yet again. Don&#39;t get me wrong, this convenience and immediacy can be incredible and unlock exciting new opportunities, but there are certainly costs involved.&lt;/p&gt;
&lt;p&gt;Even though we have an arsenal of efficiency-optimizing tools and tactics at our fingertips, I&#39;ve learned that when it comes to human endeavors: &lt;strong&gt;quality things take time the time they take.&lt;/strong&gt;&lt;/p&gt;
&lt;h2 id=&quot;quality-takes-time-to-cook&quot;&gt;Quality takes time to cook&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Quality takes time to cook.&lt;/strong&gt; I&#39;ve learned this from putting &lt;a href=&quot;https://bradfrost.com/courses/&quot;&gt;our courses&lt;/a&gt; together, doing client work, writing a &lt;a href=&quot;https://atomicdesign.bradfrost.com/&quot;&gt;book&lt;/a&gt;,  &lt;a href=&quot;https://frostapalooza.bradfrost.com/&quot;&gt;throwing a big concert&lt;/a&gt;, and applying myself to grand new ideas.&lt;/p&gt;
&lt;p&gt;Through these efforts I&#39;ve learned I personally can&#39;t sacrifice quality, even for things I explicitly say I&#39;m going to cut some corners on to get out the door relatively quickly. Others might be able to dial back the quality knob to better fit the constraints of time &amp;amp; money, but it seems like I can&#39;t.&lt;/p&gt;
&lt;p&gt;It&#39;s an unavoidable truth: &lt;strong&gt;to do big and important things takes a lot of time and energy sustained over a long period.&lt;/strong&gt; The trick is to allow yourself to be ok with things taking the time they need to take. When I fight this statement of fact is when I get frustrated, feel guilty, feel ashamed, or feel like giving up because I&#39;m not seeing immediate results. Complicating matters is other people&#39;s expectations of immediacy to see my results, which I still struggle with.&lt;/p&gt;
&lt;p&gt;But for the most part, I&#39;ve accepted the fact that &lt;strong&gt;things take the time they take&lt;/strong&gt;. Things will get done, they will be good, and I&#39;ll do the hard work along the way to move things forward and bring ideas to life.&lt;/p&gt;
&lt;h2 id=&quot;front-and-back-burner-projects&quot;&gt;Front and back burner projects&lt;/h2&gt;
&lt;p&gt;In our work, I&#39;ve adopted a vernacular of &lt;strong&gt;front burner projects and back burner projects&lt;/strong&gt;. Our front-burner projects are the big important ones that are paying the bills and require the majority of our attention. A lot of back burner projects are the bigger ideas that can cook slowly, but you still have to occasionally stir the pot. The front burner projects eventually get done, and eventually some of those back burner projects graduate up onto the front burner.&lt;/p&gt;
&lt;p&gt;What I&#39;ve found is to allow yourself to keep stirring the pot and feel how you feel about something week over week. I&#39;ve found that creating a working cadence (weekly, monthly, or otherwise) can help sustain that effort, iterate over ideas, and evolve things from idea into reality. It takes discipline to allow these things to take the time they take, but I feel like these lighter touches over longer stretches of time give things time to settle in and evolve at the necessary pace.&lt;/p&gt;
&lt;h2 id=&quot;valuing-efforts-that-require-time&quot;&gt;Valuing efforts that require time&lt;/h2&gt;
&lt;p&gt;With the rise of all this instant gratification, I hope we&#39;ll find ourselves valuing things that have clearly taken time to make. My family loves watching time lapse videos of art projects that take months and months — pencil drawings, canvases, murals, stuff that clearly requires sustained effort to arrive at a finished result. It&#39;s in the time lapse process that you can better appreciate the finished piece.&lt;/p&gt;
&lt;p&gt;So yeah, it took me 42 years to arrive at this specific lesson, so there we go. And my advice is to just acknowledge that fact, and notice when you find yourself feeling frustrated, guilty, ashamed, or like giving up because you&#39;re not seeing immediate results in your work, your life, your relationships, and your endeavors. Things take the time they take.&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Coming Up For Air</title>
    <link href="https://bradfrost.com/blog/post/coming-up-for-air/" />
    <updated>2026-07-23T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/coming-up-for-air/</id>
    <content type="html">&lt;p&gt;Yesterday, I sent out a &lt;a href=&quot;https://bradfrost.com/newsletter/&quot;&gt;newsletter&lt;/a&gt; and wanted to share it here too because HOLY CRAP. It&#39;s been nearly two months since I&#39;ve published a newsletter or substantive blog post, to which I say, “&lt;a href=&quot;https://www.youtube.com/watch?v=cDGlN6mluGA&quot;&gt;No sir, I don&#39;t like it&lt;/a&gt;.”&lt;/p&gt;
&lt;p&gt;I&#39;m tired of saying I&#39;m busy (it&#39;s unhealthy, not a badge of honor), but it continues to be the truth. Just how busy, you ask? Well, &lt;a href=&quot;https://www.youtube.com/watch?v=ryyYeJGEkQQ&amp;amp;list=PLRVyFmnlMfe0lMYaPF6zcT2JVUdpAjg9-&amp;amp;index=5&quot;&gt;I had a fantastic conversation with Don Norman&lt;/a&gt; (one of my all-time heroes whom I owe my career to) and literally haven&#39;t talked about it at all. Oof.&lt;/p&gt;
&lt;p&gt;I&#39;ve had to learn the hard way that there&#39;s a reason why people seclude themselves in cabins to create big projects. So while I&#39;m still hunkered down with my big projects, my &lt;a href=&quot;https://bradfrost.com/blog/post/blog-alarm-clock/&quot;&gt;alarm clock&lt;/a&gt; went off so I need to come up for air, say hey, and share some big updates.&lt;/p&gt;
&lt;h2 id=&quot;exciting-news-my-website-looks-like-crap&quot;&gt;Exciting news: my website looks like crap!&lt;/h2&gt;
&lt;p&gt;If you visit &lt;a href=&quot;https://bradfrost.com/&quot;&gt;bradfrost.com&lt;/a&gt;, you&#39;ll see that it looks like crap. Believe it or not, that&#39;s intentional.&lt;/p&gt;
&lt;figure&gt;
&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://bradfrost.com/images/ig9o0KuN5Z-960.avif 960w&quot;&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://bradfrost.com/images/ig9o0KuN5Z-960.webp 960w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://bradfrost.com/images/ig9o0KuN5Z-960.png&quot; alt=&quot;A screenshot of Brad&#39;s work-in-progress website that kinda intentionally looks like crap.&quot; width=&quot;960&quot; height=&quot;693&quot;&gt;&lt;/picture&gt;
&lt;figcaption&gt;I even got the old-school construction GIF in there.&lt;/figcaption&gt;
&lt;/figure&gt;
My website has been my online home and primary means of expression for my entire adult life. Which is why it&#39;s a big deal to say that after **19 YEARS** (🤯) of bradfrost.com running on [WordPress](https://wordpress.org/), I just migrated the website to the fantastic [Eleventy](https://www.11ty.dev/). (Now&#39;s a perfect time to [subscribe/update via RSS](https://bradfrost.com/feed/blog.xml)).
&lt;p&gt;With the platform migration done, &lt;strong&gt;I&#39;m now redesigning/rebuilding it using our&lt;/strong&gt; &lt;a href=&quot;https://ds.bradfrost.com/&quot;&gt;&lt;strong&gt;Eddie design system&lt;/strong&gt;&lt;/a&gt; &lt;strong&gt;as video lessons for our&lt;/strong&gt; &lt;a href=&quot;https://aidesignsystems.com/&quot;&gt;&lt;strong&gt;AI &amp;amp; Design Systems course&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt;.&lt;/strong&gt; I&#39;m putting my money where my mouth is: walking through the entire end-to-end process of the most important website in my life (and the lifeblood of my business), teaching how to use design systems &amp;amp; AI together to make a beautiful, effective, and successful website.&lt;/p&gt;
&lt;h2 id=&quot;chapter-3-of-ai-and-design-systems-is-done&quot;&gt;Chapter 3 of AI &amp;amp; Design Systems is done!&lt;/h2&gt;
&lt;p&gt;Speaking of our AI &amp;amp; Design Systems course, Chapter 3 is complete! &lt;strong&gt;It contains over FOUR HOURS of in-depth video detailing how to wield AI to improve your design system foundations.&lt;/strong&gt; We&#39;re now entering the home stretch of course production, running bi-weekly community jam sessions, and growing a helpful &amp;amp; supportive community. &lt;a href=&quot;https://aianddesign.systems/&quot;&gt;Join us&lt;/a&gt;!&lt;/p&gt;
&lt;h2 id=&quot;my-atomic-design-certification-course-is-done&quot;&gt;My Atomic Design Certification Course is done!&lt;/h2&gt;
&lt;p&gt;Oh! Here&#39;s yet-another HUGE thing I haven&#39;t had even a second to share: &lt;strong&gt;my&lt;/strong&gt; &lt;a href=&quot;https://atomicdesigncourse.com/&quot;&gt;&lt;strong&gt;Atomic Design Certification Course&lt;/strong&gt;&lt;/a&gt; &lt;strong&gt;is finally complete! AAAAHHH!!!!&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;The course contains &lt;strong&gt;over 10 hours of videos, sample architecture, and resources for how to master design systems: concepts, architecture, process.&lt;/strong&gt; All backed up by a shitload of hard-earned first-hand experience. Right now, my team and I are QA-ing the included sample design system architecture in both Figma and code and putting a bow on things to get it ready for the actual launch. Consider this the last window to &lt;a href=&quot;https://atomicdesigncourse.com/order/&quot;&gt;get the course for a comically-low price of $50&lt;/a&gt; before the price increases to $150. You can also get &lt;a href=&quot;https://courses.bradfrost.com/order?ct=ec9d4f88-b76a-4c94-9dfb-187186eef9e4&quot;&gt;ALL of our courses at a discount here&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&quot;so-many-wake-up-excited-episodes&quot;&gt;SO many Wake Up Excited! episodes&lt;/h2&gt;
&lt;p&gt;I haven&#39;t been &lt;em&gt;totally&lt;/em&gt; under a rock. In fact, I&#39;ve been having utterly amazing conversations on &lt;a href=&quot;https://wakeupexcited.com/&quot;&gt;Wake Up Excited!&lt;/a&gt; Do yourself a favor and listen to what these brilliant people have to say:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://wakeupexcited.show/episodes/18-sacha-judd/&quot;&gt;&lt;strong&gt;Sacha Judd&lt;/strong&gt;&lt;/a&gt; on fandom and building healthy online communities&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://wakeupexcited.show/episodes/19-dan-saffer/&quot;&gt;&lt;strong&gt;Dan Saffer&lt;/strong&gt;&lt;/a&gt; on teaching the design of AI&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://wakeupexcited.show/episodes/20-abby-covert/&quot;&gt;&lt;strong&gt;Abby Covert&lt;/strong&gt;&lt;/a&gt; on community &amp;amp; being human at work&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://wakeupexcited.show/episodes/21-don-norman/&quot;&gt;&lt;strong&gt;Don Norman&lt;/strong&gt;&lt;/a&gt; on ideas, design for good, &amp;amp; meta-communities&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://wakeupexcited.show/episodes/22-luke-murphy/&quot;&gt;&lt;strong&gt;Luke Murphy&lt;/strong&gt;&lt;/a&gt; on creativity, ADHD, and ethics&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://wakeupexcited.show/episodes/23-luke-wroblewski/&quot;&gt;&lt;strong&gt;Luke Wroblewski&lt;/strong&gt;&lt;/a&gt; on the evolution and pace of technology&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://wakeupexcited.show/episodes/24-afyia-smith/&quot;&gt;&lt;strong&gt;Afyia Smith&lt;/strong&gt;&lt;/a&gt; on human resiliency and docs-first design systems&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://wakeupexcited.show/episodes/25-ridd/&quot;&gt;&lt;strong&gt;Ridd&lt;/strong&gt;&lt;/a&gt; on designers&#39; shifting role&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Whew! Keeping on theme with this update, &lt;strong&gt;my podcast just turned 1!&lt;/strong&gt; Just one more thing I haven&#39;t talked about or celebrated. But for its birthday, I&#39;d love it if you subscribe to the show on &lt;a href=&quot;https://www.youtube.com/playlist?list=PLRVyFmnlMfe0lMYaPF6zcT2JVUdpAjg9-&quot;&gt;&lt;strong&gt;YouTube&lt;/strong&gt;&lt;/a&gt; and &lt;a href=&quot;https://podcast.wakeupexcited.show/subscribe&quot;&gt;audio&lt;/a&gt;!&lt;/p&gt;
&lt;p&gt;And oh yeah, speaking of YouTube, I now have TWO YouTube channels:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://www.youtube.com/@brad_frost&quot;&gt;&lt;strong&gt;Brad Frost&lt;/strong&gt;&lt;/a&gt; - my main channel where I share ideas, design, have conversations, and more&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://www.youtube.com/@CreativeExhaust&quot;&gt;&lt;strong&gt;Creative Exhaust&lt;/strong&gt;&lt;/a&gt; - which widens my existing &lt;a href=&quot;https://coldalbumdrumming.com/&quot;&gt;Cold Album Drumming&lt;/a&gt; project to include all of my musical and artistic shenanigans. Still very much WIP, you can watch me play music here!&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&quot;is-that-it&quot;&gt;Is that it???&lt;/h2&gt;
&lt;p&gt;At the beginning of this year, I &lt;a href=&quot;https://bradfrost.com/blog/post/declaring-systems-bankruptcy/&quot;&gt;declared systems bankruptcy&lt;/a&gt; and I&#39;ve spent the entire year blowing up, overhauling, building, and bolstering all of the infrastructure and systems in my life and work. It&#39;s been difficult-yet-necessary work to do alongside getting our real projects out the door. All of this systems work is starting to bear fruit and will hopefully result in a saner, more sustainable pace moving forward. Holy shit, it better!&lt;/p&gt;
&lt;p&gt;With this whirlwind of activity, my body, mind, and soul are looking forward to a much-needed break. Thankfully, next week I get to be a beach bum at the Outer Banks on our long-standing annual family vacation.&lt;/p&gt;
&lt;p&gt;I hope your summer has been going well and that you&#39;ve been doing interesting and restorative things! See ya soon.&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Design System Maturity Model - zeroheight</title>
    <link href="https://bradfrost.com/links/post/design-system-maturity-model-zeroheight/" />
    <updated>2026-07-22T00:00:00Z</updated>
    <id>https://bradfrost.com/links/post/design-system-maturity-model-zeroheight/</id>
    <content type="html">&lt;p&gt;ooooo, &lt;a href=&quot;https://zeroheight.com/maturity/&quot;&gt;Design System Maturity Model from zeroheight&lt;/a&gt; measures your design system maturity across 6 dimensions: Foundations, Documentation &amp;amp; Knowledge, Governance &amp;amp; Team, Adoption, Measurement &amp;amp; Impact, and AI Readiness&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Poetic CSS</title>
    <link href="https://bradfrost.com/links/post/poetic-css/" />
    <updated>2026-07-02T00:00:00Z</updated>
    <id>https://bradfrost.com/links/post/poetic-css/</id>
    <content type="html">&lt;p&gt;&lt;a href=&quot;https://courses.oddbird.net/poetic-css/&quot;&gt;Poetic CSS&lt;/a&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;My friend &lt;a href=&quot;https://www.miriamsuzanne.com/&quot;&gt;Miriam Suzanne&lt;/a&gt; has a new course on CSS. I&#39;ve learned SO MUCH from Miriam over the years and continue to have my perspectives changed and challenged by her thinking and hard-earned wisdom. It&#39;s an insta-buy for me. You should order it to, especially while it&#39;s on pre-sale.&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Big AI &amp; Design Systems Course updates!</title>
    <link href="https://bradfrost.com/blog/post/big-ai-design-systems-course-updates/" />
    <updated>2026-05-19T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/big-ai-design-systems-course-updates/</id>
    <content type="html">&lt;figure class=&quot;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&quot;&gt;
&lt;div class=&quot;wp-block-embed__wrapper&quot;&gt;
&lt;ed-r-video-embed&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/iiFXSckYRM0&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/ed-r-video-embed&gt;
&lt;/div&gt;
&lt;/figure&gt;
&lt;h2 id=&quot;chapters-1-and-2-of-our-ai-and-design-systems-course-are-live&quot;&gt;Chapters 1 &amp;amp; 2 of our &lt;a href=&quot;https://aianddesign.systems/?utm_source=brad_frost&amp;amp;utm_medium=email&quot;&gt;AI &amp;amp; Design Systems Course&lt;/a&gt; are live! 🎉&lt;/h2&gt;
&lt;p&gt;&lt;a href=&quot;https://aianddesign.systems/?utm_source=brad_frost&amp;amp;utm_medium=email&quot;&gt;Our course&lt;/a&gt; now has over &lt;strong&gt;16 hours of videos&lt;/strong&gt;, which includes course lessons, community jam sessions, and other demonstrations. TJ, Ian, and I have been busting our asses, and are SUPER pleased with how these new chapters turned out!&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Chapter 1 - Core Concepts:&lt;/strong&gt; This is a huge chapter that covers the broad arc of technology, the history, value, and challenges of both design systems and AI, how AI &amp;amp; Design Systems together are a powerful combo, and a big orientation into DS+AI tooling &amp;amp; terminology.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Chapter 2 - Environments &amp;amp; Tools Setup:&lt;/strong&gt; TJ demonstrates how to set up AI tooling and demystifies often confusing/hard-to-find things like API keys. And I recorded 20 (!) videos about using Git &amp;amp; GitHub to operate in this modern landscape. I’m really proud that we presented all of this in a way that’s equally useful for beginners and experts alike.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt; &lt;strong&gt;We&#39;re now deep into recording lessons &amp;amp; demos for Chapters 3, 4, &amp;amp; 5,&lt;/strong&gt; where we unpack AI &amp;amp; design systems in these areas:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Using AI to improve design systems (nearly done!)&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Making better products with AI &amp;amp; Design Systems&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Inventing the future with AI &amp;amp; Design Systems&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&quot;our-growing-community&quot;&gt;Our growing community&lt;/h2&gt;
&lt;p&gt;While it feels &lt;em&gt;so good&lt;/em&gt; to make substantial progress on the course, we feel even better about how our community is shaping up. We recently got a DM in our Slack community:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;This community is the least toxic AI space I’ve encountered. It is so refreshing in that way; everyone seems so helpful and respectful.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;It’s been tough to balance video production while simultaneously building the community, but it’s feedback like this that tells us we’re on the right path. We’re trying hard to create a place where people can ask questions, get &amp;amp; receive help, and share ideas, links, and interesting things. It truly feels like we’re all learning together!&lt;/p&gt;
&lt;h2 id=&quot;last-chance-for-500-super-early-bird-pricing&quot;&gt;Last chance for $500 super early-bird pricing!&lt;/h2&gt;
&lt;p&gt;The preorder price of $500 was established when we originally announced without anything in place. Now, the course has over 16 hours of video, a thriving community, and a slew of resources. To reflect this value, &lt;strong&gt;we’re increasing the course price to $995 after Monday, May 25th&lt;/strong&gt;. So if your team has been on the fence, this is your last chance to get the biggest deal on the course!&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://aianddesign.systems/?utm_source=brad_frost&amp;amp;utm_medium=email#order&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://bradfrost.com/images/_A9XnnOCvj-960.avif 960w&quot;&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://bradfrost.com/images/_A9XnnOCvj-960.webp 960w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://bradfrost.com/images/_A9XnnOCvj-960.png&quot; alt=&quot;AI &amp;amp; Design Systems, a new online course from Southleft and Brad Frost Web. aianddesign.systems . Last chance to get early access for $500!&quot; width=&quot;960&quot; height=&quot;537&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;We want to share a few important things alongside this announcement:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Purchase power parity is available&lt;/strong&gt; for folks in different geographic regions, students, freelancers, and job seekers. We’re working hard to ensure anyone who wants to can join the course.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;We’re donating a percentage of sales to organizations helping with sustainable development of AI&lt;/strong&gt;. We want to put our money where our mouths are to do our part to mitigate the risks and harms of this technology. We’ll share more details soon!&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;So yeah! By &lt;a href=&quot;https://aianddesign.systems/?utm_source=brad_frost&amp;amp;utm_medium=email#order&quot;&gt;purchasing the course&lt;/a&gt;, you get 16+ hours of video, access to our amazing Slack community, live bi-weekly jam sessions, a substantial discount on the full course price, and first access to new videos/resources/materials.&lt;/p&gt;
&lt;p&gt;We&#39;re looking forward to bringing this course home over the next month. Thanks a ton for your support!&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Grief in the AI Age</title>
    <link href="https://bradfrost.com/blog/post/grief-in-the-ai-age/" />
    <updated>2026-05-18T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/grief-in-the-ai-age/</id>
    <content type="html">&lt;figure class=&quot;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&quot;&gt;
&lt;div class=&quot;wp-block-embed__wrapper&quot;&gt;
&lt;ed-r-video-embed&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/V1VQ3_QIOIs&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/ed-r-video-embed&gt;
&lt;/div&gt;
&lt;/figure&gt;
&lt;p&gt; I want to talk about this moment in time, this AI era, through the lens of grief. &lt;strong&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Grief&quot;&gt;Grief&lt;/a&gt; is a powerful response to loss.&lt;/strong&gt; When we think about grief, we often think about death, but it&#39;s taken me a long time to understand that &lt;strong&gt;&lt;a href=&quot;https://www.psychologytoday.com/us/blog/navigating-the-serpentine-path/202210/grieving-when-no-one-has-died&quot;&gt;we grieve all sorts of non-death loss&lt;/a&gt;&lt;/strong&gt;: relationships, community, home, money, dreams, expectations, identity, sense of purpose, and even the loss of ideals or ideas.&lt;/p&gt;
&lt;p&gt;It&#39;s taken a ton of time and a hell of a lot of work to understand my own grief as I&#39;ve recovered from my many and varied traumas over the years. I&#39;ve also learned a ton about grief from my wife, Melissa, who through her journey to become a professional counselor has worked in hospice and other really challenging environments involving grief, death, and loss. It&#39;s through my own experience and awareness of grief that I start noticing it in other places.&lt;/p&gt;
&lt;h2 id=&quot;ai-and-the-5-stages-of-grief&quot;&gt;AI and the 5 Stages of Grief&lt;/h2&gt;
&lt;p&gt;The explosion of AI onto the scene has caused a shock to the system has triggered a real grief response for many people —myself included. I see it in the conversations I have, and of course with the abundant opinions about it I see online.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;The &lt;a href=&quot;https://en.wikipedia.org/wiki/Five_stages_of_grief&quot;&gt;Five Stages of Grief&lt;/a&gt;, also called the &lt;a href=&quot;https://en.wikipedia.org/wiki/Elisabeth_K%C3%BCbler-Ross&quot;&gt;Kübler-Ross&lt;/a&gt; model, are: denial, anger, bargaining, depression, and acceptance.&lt;/strong&gt; I want to run through each one of these five stages through the lens of how you might be feeling about AI right now.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Stage 1: Denial&lt;/strong&gt; - This is certainly something that I went through, especially when AI was still generating images with seven fingers and laughable code results. It was easy to dismiss it and just push it away. I still see this with a ton of people saying, &amp;quot;Ha, look at how crappy it is! Look at how many mistakes it makes!&amp;quot; to dismiss it entirely, effectively pushing it away so as not to confront it.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Stage 2: Anger&lt;/strong&gt; - When we realize that denial isn&#39;t viable anymore, we get frustrated and start looking around to find someone to blame and take our anger out on. I feel this myself a lot, and think about this stage when I see a lot of commentary levied at the people making this technology, inflicting it on all of us with seeming reckless abandon. We get angry the many real and potential harms &amp;amp; risks. These feelings are certainly valid, and a lot of that anger is real and justifiable. But it&#39;s also hard because we tend to take this anger out on the people around us.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Stage 3: Bargaining&lt;/strong&gt; - Here is where we say &amp;quot;I&#39;ll use AI for this little thing, but not for these other bigger things. It&#39;s never going to touch my production code.&amp;quot; Here we&#39;re trying to negotiate our complex feelings around AI; we&#39;re still angry and in denial in many respects, but we&#39;re also beginning to understand that it&#39;s here or maybe isn&#39;t entirely bad. We feel confused and are trying to make sense of it all.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Stage 4: Depression&lt;/strong&gt; - I see this a lot in many of the conversations that I have with professional designers and developers. They say something along the lines of, &amp;quot;What&#39;s my entire career been for if these things could just come in and generate a website in a couple seconds?&amp;quot; &amp;quot;Nothing really matters anymore. What does craft mean? What does judgment mean?&amp;quot; &amp;quot;We&#39;re all screwed; we might as well just pack it up and then go live in an underground bunker.&amp;quot; Again, those feelings come as a natural response to pouring your heart and soul into something and feeling &lt;strong&gt;a real sense of loss: a loss of stability, a loss of identity, a loss of livelihood, a loss of a lot of things&lt;/strong&gt;. That depression is real.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Stage 5: Acceptance&lt;/strong&gt; - Acceptance is &lt;em&gt;really&lt;/em&gt; misunderstood because acceptance can be misinterpreted as, &amp;quot;Oh, suddenly I&#39;m cool with all of the downsides, all of the harms, all of the risks around this technology.&amp;quot; When someone we love dies, this acceptance stage is ultimately where we understand that person isn&#39;t coming back but you ultimately can make some form of peace with it.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Acceptance doesn&#39;t mean that you no longer get sad or you no longer are angry that they&#39;re gone.&lt;/strong&gt; It just means that you accept the fact that the loss has happened and that you&#39;re able to move forward with resolve. You can convert a lot of that grief into real commitment to live your life in a way that honors their memory and hopefully continues to make them proud.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&quot;grief-is-personal-and-isnt-linear&quot;&gt;Grief Is Personal and Isn&#39;t Linear&lt;/h2&gt;
&lt;p&gt;I think I went through my own stages of grief around AI a bit sooner just because my circumstances had me working with it a little earlier. I distinctly remember many conversations &amp;quot;Screw all this stuff, this sucks.&amp;quot; But I&#39;m also realizing that a lot of my grief training at a personal level has really helped me be able to navigate this moment with a better sense of clarity and understanding that I otherwise might not have had, had I not gone through a lot of that hard. Silver linings.&lt;/p&gt;
&lt;p&gt;These five stages of grief come with &lt;a href=&quot;https://en.wikipedia.org/wiki/Five_stages_of_grief#Criticism&quot;&gt;a lot of caveats&lt;/a&gt;. &lt;a href=&quot;https://www.juliagwellness.com/post/grief-is-non-linear-af-how-to-navigate-the-sadness&quot;&gt;Grief isn&#39;t a linear process&lt;/a&gt;. Every single day, we might feel depressed, angry, in denial, bargaining, or we might be in a state of acceptance. This isn&#39;t a linear step-by-step process that everyone goes through cleanly or &lt;a href=&quot;https://speakinggrief.org/get-better-at-grief/understanding-grief/grief-has-no-timeline&quot;&gt;on a uniform timeline&lt;/a&gt;. It&#39;s a useful tool to help us reflect on how we feel.&lt;/p&gt;
&lt;h2 id=&quot;striving-for-acceptance-and-commitment&quot;&gt;Striving for Acceptance &amp;amp; Commitment&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;So here&#39;s a little reflection for you with respect to your feelings about AI. Which stage of grief do you feel you&#39;re currently in: denial, anger, bargaining, depression, or acceptance?&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Once again, it&#39;s important to stress that getting to acceptance doesn&#39;t mean that you&#39;re never also angry or depressed. It&#39;s just an acknowledgment that AI is here; it&#39;s a reality. &lt;strong&gt;And with that acceptance comes another real important word: commitment.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;&lt;a href=&quot;https://my.clevelandclinic.org/health/treatments/acceptance-and-commitment-therapy-act-therapy&quot;&gt;Acceptance and commitment therapy&lt;/a&gt; is a whole thing&lt;/strong&gt; worth exploring. With acceptance, with the acknowledgment that AI is here, it&#39;s likely not going away, despite my feelings and my grief around it. &lt;strong&gt;Making peace with that fact allows us to commit to doing our part to make sure that we&#39;re putting good things out into the world.&lt;/strong&gt; We&#39;re able to do our part to ensure that it&#39;s wielded in a safe and responsible way, and that we can do our part to move towards betterment rather than shittiness.&lt;/p&gt;
&lt;p&gt;Just to underscore this once again, getting to this place doesn&#39;t mean that you also aren&#39;t still pissed off, you also aren&#39;t worried, you also aren&#39;t anxious, you also aren&#39;t depressed. It&#39;s a real willingness to address this reality head-on and realize that we are in a place of agency and empowerment, and that we can move forward with resolve and try to make the world a better place.&lt;/p&gt;
&lt;h2 id=&quot;in-summary&quot;&gt;In Summary&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Grief is a powerful response to loss.&lt;/strong&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;We grieve things other than death&lt;/strong&gt; like the loss of relationships, identity, sense of purpose, health, money, home, dreams, expectations, community, and even ideas and ideals.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;These shocks to our system can elicit a really powerful response that are captured in these &lt;strong&gt;five stages of grief: Denial, anger, bargaining, depression, and acceptance.&lt;/strong&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;These stages are really just labels and are not a rigid or linear process&lt;/strong&gt;; everyone ebbs and flows in and out of each of these stages at any given moment.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;While these stages can be helpful descriptors, i&lt;strong&gt;t&#39;s important to not fixate on them or feel like there&#39;s anything wrong with you if you&#39;re not further along in the stages of grief.&lt;/strong&gt; We are complex emotional creatures and our emotional states change over time.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;I hope you keep this in mind, and remember to go easy on yourself. Go easy on each other. Know that everyone&#39;s in their own place in feeling and processing this complex moment in time. And the best thing we could do is to be kind to one another and support one another.&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>The Boring Internet | Terry Godier</title>
    <link href="https://bradfrost.com/links/post/the-boring-internet-terry-godier/" />
    <updated>2026-05-12T00:00:00Z</updated>
    <id>https://bradfrost.com/links/post/the-boring-internet-terry-godier/</id>
    <content type="html">&lt;blockquote&gt;
&lt;p&gt;The internet you grew up on isn’t dying.&lt;/p&gt;
&lt;p&gt;A commercial veneer glued on top of it is.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;YESSSSSS.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.terrygodier.com/the-boring-internet&quot;&gt;The Boring Internet&lt;/a&gt; by Terry Godier&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Spicy Chicken w/ Brad Frost | Wireframe Live</title>
    <link href="https://bradfrost.com/links/post/spicy-chicken-w-brad-frost-wireframe-live/" />
    <updated>2026-05-08T00:00:00Z</updated>
    <id>https://bradfrost.com/links/post/spicy-chicken-w-brad-frost-wireframe-live/</id>
    <content type="html">&lt;figure class=&quot;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&quot;&gt;
&lt;div class=&quot;wp-block-embed__wrapper&quot;&gt;
&lt;ed-r-video-embed&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/9j4SoENooDM&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/ed-r-video-embed&gt;
&lt;/div&gt;
&lt;/figure&gt;
&lt;p&gt;I had a &lt;a href=&quot;https://www.youtube.com/watch?v=9j4SoENooDM&quot;&gt;wonderful chat&lt;/a&gt; about design systems and AI with &lt;a href=&quot;https://donnie.damato.design/&quot;&gt;Donnie D&#39;Amato&lt;/a&gt; on his wireframe show. We talked about all sorts of spicy topics, and I feel like this conversation captures a lot of where my head&#39;s at lately and the picture we&#39;re painting with &lt;a href=&quot;https://aianddesign.systems/&quot;&gt;our course&lt;/a&gt;.&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Building Healthy Community with Ben Callahan</title>
    <link href="https://bradfrost.com/blog/post/building-healthy-community-with-ben-callahan/" />
    <updated>2026-04-23T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/building-healthy-community-with-ben-callahan/</id>
    <content type="html">&lt;p&gt;On the latest episode of &lt;a href=&quot;https://wakeupexcited.show/&quot;&gt;Wake Up Excited!&lt;/a&gt;, I got to talk with my friend, fellow traveler, and recent collaborator, &lt;a href=&quot;https://bencallahan.com/&quot;&gt;Ben Callahan&lt;/a&gt;. Ben and I met at &lt;a href=&quot;https://bradfrost.com/blog/post/bdconf-mobilewood-10-years-later/&quot;&gt;BDConf&lt;/a&gt; many many moons ago, and since then we&#39;ve shared many adventures together, including recently collaborating on an actual conversation. I have so much admiration for Ben and the community-oriented way he operates, so I&#39;m incredibly pleased we got to spend a whole conversation digging deep into it.&lt;/p&gt;
&lt;figure class=&quot;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&quot;&gt;
&lt;div class=&quot;wp-block-embed__wrapper&quot;&gt;
&lt;ed-r-video-embed&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/m87n0DhQmWQ&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/ed-r-video-embed&gt;
&lt;/div&gt;
&lt;/figure&gt;
&lt;p&gt;We cover so much ground in our conversation: building healthy communities, the critical importance of values, humanizing work, how hard things force you to reevaluate things, the sharing culture of the web, lessons from music, the cosmos, and a whole lot more.&lt;/p&gt;
&lt;p&gt;If you enjoy conversations like this, I&#39;d love it if you subscribed to &lt;a href=&quot;https://wakeupexcited.show/&quot;&gt;Wake Up Excited!&lt;/a&gt; on &lt;a href=&quot;https://www.youtube.com/playlist?list=PLRVyFmnlMfe0lMYaPF6zcT2JVUdpAjg9-&quot;&gt;YouTube&lt;/a&gt; or &lt;a href=&quot;https://podcast.wakeupexcited.show/subscribe&quot;&gt;wherever you listen to podcasts&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&quot;links-and-resources&quot;&gt;Links &amp;amp; Resources&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.gettogether.community/book&quot;&gt;Get Together&lt;/a&gt; book&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://podcasts.apple.com/us/podcast/design-downtime/id1735214538&quot;&gt;Design Downtime&lt;/a&gt; podcast&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;music&quot;&gt;Music&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.chanticleer.org/&quot;&gt;Chanticleer&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://jacobcollier.com/&quot;&gt;Jacob Collier&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://bobbymcferrin.com/&quot;&gt;Bobby McFerrin&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.radiohead.com/&quot;&gt;Radiohead&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;bens-endeavors&quot;&gt;Ben&#39;s endeavors&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;&lt;a href=&quot;https://bencallahan.com/&quot;&gt;Ben&#39;s website&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;&lt;a href=&quot;https://bencallahan.com/the-question&quot;&gt;The Question&lt;/a&gt;&lt;/strong&gt; - Ben&#39;s weekly open community design systems community&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;&lt;a href=&quot;https://bencallahan.com/redwoods&quot;&gt;Redwoods&lt;/a&gt;&lt;/strong&gt; - Ben&#39;s new paid community for design systems practitioners&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://sparkbox.com&quot;&gt;&lt;strong&gt;Sparkbox&lt;/strong&gt;&lt;/a&gt; - Ben&#39;s agency&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;</content>
  </entry>
  <entry>
    <title>Mouth Coding</title>
    <link href="https://bradfrost.com/blog/post/mouth-coding/" />
    <updated>2026-04-20T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/mouth-coding/</id>
    <content type="html">&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://bradfrost.com/images/hbY9fpErns-1024.avif 1024w&quot;&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://bradfrost.com/images/hbY9fpErns-1024.webp 1024w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://bradfrost.com/images/hbY9fpErns-1024.png&quot; alt=&quot;Illustration of a smiling mouth with the word &amp;quot;Mouth&amp;quot; on the top row of teeth, with &amp;quot;Coding&amp;quot; on the bottom row&quot; width=&quot;1024&quot; height=&quot;633&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Lately, I&#39;ve been talking websites into existence. Not metaphorically, but actually sitting in important meetings with people — clients, collaborators, my wife, friends, neighbors — watching real websites materialize in front of us as we converse.&lt;/p&gt;
&lt;p&gt;I&#39;ve been half-jokingly call it &lt;strong&gt;mouth coding&lt;/strong&gt;, and the more I use that term the more I like it. Mouth coding is one of the things that has me most excited about this new era of digital creation: &lt;strong&gt;human beings getting together and &lt;em&gt;actually&lt;/em&gt; collaborating. &lt;em&gt;Actually&lt;/em&gt; making something together.&lt;/strong&gt; &lt;strong&gt;Not just talking about the work (lord knows we&#39;ve all had our fill of that), but literally talking the work into existence together.&lt;/strong&gt;&lt;/p&gt;
&lt;h2 id=&quot;what-mouth-coding-looks-like&quot;&gt;What mouth coding looks like&lt;/h2&gt;
&lt;p&gt;My wife &lt;a href=&quot;https://melissafrost.com/&quot;&gt;Melissa&lt;/a&gt; works as a counselor and arts therapist at a small private practice called &lt;a href=&quot;https://www.lucentcounseling.com/&quot;&gt;Lucent Counseling&lt;/a&gt; in Pittsburgh. The owner, Andrea, is fantastic and is committed to helping people heal, move past trauma, explore multiple therapeutic modalities, and live healthier lives. Her passion for this mission is abundantly clear.&lt;/p&gt;
&lt;p&gt;Like many small business owners, Andrea is spread thin juggling many-and-varied tasks. She created a Wix-powered website and did her best with the tools and time she had. The website exists, but she admits it needs some love to better align it with the practice&#39;s mission.&lt;/p&gt;
&lt;p&gt;Enter Melissa! In addition to her counseling role, Melissa is now helping with marketing, communications, and design work. (Melissa&#39;s background designing digital experiences for Nike and other huge brands certainly doesn&#39;t hurt here 😂). I offered to help with the website (trying to be a good partner haha), and had a great conversation with Andrea about her values, mission, and eventually goals for the website.&lt;/p&gt;
&lt;p&gt;From there, Melissa and I found a time to sit down outside on a sunny afternoon to create the website. In the course of a single hour, Melissa and I mouth coded a website that was a vast improvement over the current website. Here&#39;s the video of our session:&lt;/p&gt;
&lt;figure class=&quot;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&quot;&gt;
&lt;div class=&quot;wp-block-embed__wrapper&quot;&gt;
&lt;ed-r-video-embed&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/wUIZAzmb09M&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/ed-r-video-embed&gt;
&lt;/div&gt;
&lt;/figure&gt;
&lt;p&gt;We cover a lot of ground in a short amount of time, pulling in context from our conversation (Melissa wanted to be off-screen and was at a distance so forgive the distant audio), the live website, Melissa&#39;s design exploration work, best practices (including some I didn&#39;t even know about!), and more to create the basis for a brand-new website for the practice. It starts as a specification that we refine together, and then eventually give the green light to generate the actual website.&lt;/p&gt;
&lt;h2 id=&quot;what-exactly-is-mouth-coding&quot;&gt;What exactly is mouth coding?&lt;/h2&gt;
&lt;p&gt;Mouth coding requires a few ingredients:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;An actual conversation&lt;/strong&gt; between a person — or better yet multiple people — and an LLM to interpret the intention and facilitate the creation of the website.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Live transcription&lt;/strong&gt; — Speech-to-text transcription during a conversation becomes essential for acting in real time. I&#39;m now used to staring at a grid of funny-sounding faceless AI notetakers on Zoom calls. My personal favorite is &lt;a href=&quot;https://www.notion.com/product/ai-meeting-notes&quot;&gt;Notion&#39;s AI meeting notetaker&lt;/a&gt;/ Notion is already my home base for all of my operations, so meeting notes ooze into my workspace, enriching my knowledge base with each additional conversation.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Sturdy web infrastructure&lt;/strong&gt; — While mouth coding with free-reign vibe coding is possible, if we&#39;re trying to make something &lt;em&gt;real&lt;/em&gt; we need to be able to answer &amp;quot;Is it good?&amp;quot; with a resounding &amp;quot;yes!&amp;quot; That&#39;s the theme of our entire &lt;a href=&quot;https://aianddesign.systems/&quot;&gt;AI &amp;amp; Design Systems&lt;/a&gt; course: couple the generative powers of AI with hard-earned, high-quality UI infrastructure to create quality websites at speed and scale.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;A live preview&lt;/strong&gt; — actual pixels rendering as the conversation moves. This could be in &lt;a href=&quot;https://www.youtube.com/watch?v=vbr4qyuG1Zc&quot;&gt;Storybook like what Dom showed me&lt;/a&gt;, could be a contained artifact the agent produced in the context of a chat, could be in an experimental &lt;a href=&quot;https://bradfrost.com/blog/post/real-time-ui/&quot;&gt;real-time UI&lt;/a&gt; environment, or could be in the actual product environment. But the point is to actually SEE what you&#39;re collectively creating.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Additional context&lt;/strong&gt; — Existing artifacts, agreed-on values, goals, context, constraints, are all helpful to have on hand before and during the conversation. This is where starting with a specification first can be really helpful. The spec is able to pull all of the different threads together into a coherent plan of attack that all takes place before the actual construction happens.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Human taste, judgement, critical thinking, and skills&lt;/strong&gt; — And here is the sauce: humanity! Hooray humans! Everyone involved in the conversation uses their collective talents and discernment to make calls about what any result should be.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;These ingredients set the conditions for a successful mouth-coding session, and underscores an important core value:&lt;/p&gt;
&lt;h2 id=&quot;ai-should-facilitate-human-creativity-not-replace-it&quot;&gt;&lt;strong&gt;&lt;strong&gt;AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;/strong&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;&lt;strong&gt;AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;br&gt;
AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;/strong&gt;&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;&lt;strong&gt;AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;br&gt;
AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;/strong&gt;&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;&lt;strong&gt;AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;br&gt;
AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;/strong&gt;&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;&lt;strong&gt;AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;br&gt;
AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;/strong&gt;&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;&lt;strong&gt;AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;br&gt;
AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;/strong&gt;&lt;/strong&gt;&lt;br&gt;
&lt;strong&gt;&lt;strong&gt;AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;br&gt;
AI should &lt;em&gt;facilitate&lt;/em&gt; human creativity, not replace it.&lt;/strong&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;h2 id=&quot;honest-to-goodness-collaboration&quot;&gt;Honest-to-goodness collaboration&lt;/h2&gt;
&lt;p&gt;For my entire career, I&#39;ve been clamoring, begging, cajoling, prodding, and pleading to get people to collaborate with one another. But alas, the industry has moved into insular silos, building rigid walls built from Jira tickets. Cross-disciplinary collaboration between designers and developers has been relegated to a fucking toggle switch. Even in this new era, it feels like the &lt;em&gt;real&lt;/em&gt; desire to wire all of these MCPs up is so we can avoid having to talk to one another.&lt;/p&gt;
&lt;p&gt;Not only is this extremely depressing, it&#39;s also terribly fragile, one-dimensional, and results in lackluster work. Genuine human collaboration has always been the answer, and these new AI tools can help facilitate that human collaboration in ways that are both old and new. I&#39;ve noticed a few key things since the arrival of this new generation of tooling: fewer things slip between the cracks. context is able to be retrieved on demand, blind spots and areas for improvements are surfaced, and next steps become clearer. As someone who goes here, there, and everywhere over the course of a conversation, this added structure is extremely welcome.&lt;/p&gt;
&lt;p&gt;But above all, here&#39;s what excites me most about mouth coding: &lt;strong&gt;it is accessible. it is inclusive. It is participatory. It democratizes the design process. Mouth coding allows for a diversity of voices — all with unique, valid perspectives and crucial context — to actually participate in the creative process.&lt;/strong&gt; To work together to collectively &lt;em&gt;sculpt&lt;/em&gt; the work. I&#39;m well aware of the irony: this AI-assisted process feels like the most human digital collaborative work I&#39;ve experienced in years.&lt;/p&gt;
&lt;p&gt;And because the website artifact is conjured out of the ether before our very eyes, most everyone recognizes it as a prototype. But the big a-ha moment for people is when we make the first iteration after the initial website generation. As soon as people see a little tweak happen (&amp;quot;Make the heading say &#39;Better together&#39;&amp;quot;), everyone lights up. They truly understand this is a wet ball of clay to be iterated over together. Ideation. Sculpting. Refining. Dialing things in. Honing. You just keep talking, and the thing keeps improving until either things feel really good or we run out of time.&lt;/p&gt;
&lt;p&gt;Of course, mouth coding alone likely isn&#39;t going to get you to the finish line. For Lucent Counseling&#39;s website, we still need to write final copy (we have a rule not to let AI author copy. Scaffold and first draft? Sure. Final copy? Nope.), set up Netlify, transfer domains, and do the plumbing work to bring the website to life. But it is worth stating that even all of that work is a lot less intimidating, laborious, and time consuming than it once was.&lt;/p&gt;
&lt;h2 id=&quot;mouth-coding-for-good&quot;&gt;Mouth coding for good&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Mouth coding facilitates human collaboration and unlocks a more inclusive, accessible, and participatory design process that represents a diversity of perspectives.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;For these reasons, &lt;strong&gt;I&#39;m especially excited at the prospect of mouth coding to help non-profit organizations and community-oriented small business.&lt;/strong&gt; These mission-driven organizations are tragically underfunded and their well-meaning teams are spread thin. They often don&#39;t have funding for professional, full-time web staff. Their languishing websites tend to reflect that unfortunate reality.&lt;/p&gt;
&lt;p&gt;While the people at these organizations may not be professional web designers &amp;amp; developers, they are able to clearly articulate their noble mission and know what the website &lt;em&gt;should&lt;/em&gt; be in order to help them advance their mission. With mouth coding, they can articulate their vision and watch it come to life before their very eyes.&lt;/p&gt;
&lt;p&gt;Here&#39;s the thing: this still requires some degree of technical know-how. And guess what! Many of the professional designers and developers in my sphere are eager to help their communities, work with non-profits, and put their energy towards helping noble causes. Time and effort have always been the biggest legitimate blockers. This new era of tooling is making the means of production much faster, allowing for professional practitioners to help organizations without it needing to feel like an additional full-time job. This is great news for organizations and practitioners alike.&lt;/p&gt;
&lt;p&gt;I&#39;ll eventually be conducting workshops on mouth coding (amongst other things!), and if that sounds interesting you can &lt;a href=&quot;https://bradfrost.com/newsletter/&quot;&gt;sign up for my newsletter&lt;/a&gt; to stay in the loop.&lt;/p&gt;
&lt;p&gt;In the meantime, I&#39;d love to facilitate more mouth coding sessions with non-profits and post them publicly to help teach people how to do this. So if you know of amazing non-profit organizations who would be open to publicly mouth coding their website with me, feel free to &lt;a href=&quot;https://bradfrost.com/contact/&quot;&gt;send them my way&lt;/a&gt;!&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Adaptability, Curiosity, &amp; Creative Breadth with Brendan Dawes</title>
    <link href="https://bradfrost.com/blog/post/adaptability-curiosity-creative-breadth-with-brendan-dawes/" />
    <updated>2026-04-13T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/adaptability-curiosity-creative-breadth-with-brendan-dawes/</id>
    <content type="html">&lt;figure class=&quot;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&quot;&gt;
&lt;div class=&quot;wp-block-embed__wrapper&quot;&gt;
&lt;ed-r-video-embed&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/9QNJ-TRB_GM&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/ed-r-video-embed&gt;
&lt;/div&gt;
&lt;/figure&gt;
&lt;p&gt;&lt;a href=&quot;https://brendandawes.com&quot;&gt;Brendan Dawes&lt;/a&gt; is a brilliant multi-disciplinary artist, designer, and technologist. Just one of his many many many creative projects is working on the incredible &lt;a href=&quot;https://www.hustwit.com/eno&quot;&gt;Eno documentary&lt;/a&gt; (directed by one of my all-time favorite filmmakers, &lt;a href=&quot;https://www.hustwit.com/&quot;&gt;Gary Hustwit&lt;/a&gt;). Brendan created the technology so that the film is different every time it&#39;s viewed. Which, C&#39;MON. Creative generative systems for a generative film about a generative artist. Freaking incredible.&lt;/p&gt;
&lt;p&gt;I was already thinking about Brendan a lot as we enter &lt;a href=&quot;https://bradfrost.com/blog/post/the-creative-infinite/&quot;&gt;the creative infinite&lt;/a&gt;, so when I saw his name in the Eno credits, I literally screamed and reached out to him immediately. Brendan and I had a wonderful conversation about creativity, curiosity, and what it actually means to thrive as a maker right now. Brendan beautifully explains the importance at staying on the event horizon of your knowledge, why craft+judgement+people+time is the formula for escaping AI&#39;s average output, and what Brian Eno figured out about technology that so many creative professionals are still struggling with.&lt;/p&gt;
&lt;p&gt;Follow Brendan Dawes:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://brendandawes.com&quot;&gt;brendandawes.com&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.instagram.com/brendandawes&quot;&gt;Instagram&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://bsky.app/profile/brendandawes.xyz&quot;&gt;Bluesky&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;I&#39;m doing a lot more of these kinds of conversations so I&#39;d love it if you followed along! You can:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://bradfrost.com/feed/feed.xml&quot;&gt;Subscribe to my RSS feed&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://bradfrost.com/newsletter/&quot;&gt;Sign up for my newsletter&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://www.youtube.com/@brad_frost&quot;&gt;Subscribe to my YouTube channel&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://podcast.wakeupexcited.show/subscribe&quot;&gt;Subscribe to my audio podcast&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;</content>
  </entry>
  <entry>
    <title>An update on life and work</title>
    <link href="https://bradfrost.com/blog/post/an-update-on-life-and-work/" />
    <updated>2026-04-08T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/an-update-on-life-and-work/</id>
    <content type="html">&lt;figure class=&quot;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&quot;&gt;
&lt;div class=&quot;wp-block-embed__wrapper&quot;&gt;
&lt;ed-r-video-embed&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/cF21KbWfucw&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/ed-r-video-embed&gt;
&lt;/div&gt;
&lt;/figure&gt;
&lt;p&gt;I&#39;ve gone a lot of hard and scary experiences that&#39;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&#39;m sure is an instinct that we all share.&lt;/p&gt;
&lt;p&gt;I&#39;ve been head down grinding for over 13 years, and I&#39;ve been able to reflect and came to a realization.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;My goal is to be in a place where I can &lt;em&gt;give as much of myself away as possible.&lt;/em&gt;&lt;/strong&gt; 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&#39;s what I&#39;m here for.&lt;/p&gt;
&lt;p&gt;I&#39;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&#39;m now embracing it. If I&#39;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.&lt;/p&gt;
&lt;p&gt;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&#39;re building, that&#39;s amazing.&lt;/p&gt;
&lt;h2 id=&quot;a-hard-realization-about-client-work&quot;&gt;A hard realization about client work&lt;/h2&gt;
&lt;p&gt;I&#39;m doing a client consulting gig right now, and it&#39;s been super rewarding.  I&#39;ve been working with heroes of mine and people that I really admire. The work&#39;s interesting and we&#39;re helping them and we&#39;re doing a lot of good and meaningful work. I feel appreciated and confident in my own abilities to make a difference.&lt;/p&gt;
&lt;p&gt;Which is why it&#39;s bizarre to say this: &lt;strong&gt;I&#39;ve come to the hard realization that I can&#39;t do client work anymore.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;It&#39;s certainly not for lack of wanting. But as much as I love it, client work is very &lt;em&gt;laborious&lt;/em&gt; and time consuming. You&#39;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&#39;s what makes it meaningful. That&#39;s also what makes it consuming.&lt;/p&gt;
&lt;p&gt;The fact of the matter is I&#39;ve been hard at work building this whole other thing now: courses, workshops, teaching, videos, creating, producing, publishing, mentoring, community building and more. I&#39;ve got a whole freaking THING going!&lt;/p&gt;
&lt;p&gt;I have full awareness of how lucky I am that technology companies call me asking how they should do technology. It&#39;s crazy. I&#39;m very privileged and I&#39;m very honored.&lt;/p&gt;
&lt;p&gt;As much as love helping one company do things better, I want &lt;em&gt;everybody&lt;/em&gt; to be helped by what I&#39;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.&lt;/p&gt;
&lt;p&gt;So after 19 years of client work — my &lt;em&gt;entire&lt;/em&gt; professional career — I think I need to commit to that instead.&lt;/p&gt;
&lt;h2 id=&quot;building-community&quot;&gt;Building community&lt;/h2&gt;
&lt;p&gt;Our courses aren&#39;t just some cluster of videos; we&#39;re truly putting all of ourselves into them. They&#39;ve grown well beyond our initial vision and have become a living, breathing organism. We&#39;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.&lt;/p&gt;
&lt;p&gt;So yeah, that&#39;s where I&#39;m going! Building community. Giving things away. Teaching, connecting, learning from people. That&#39;s what I want to commit my life to. That&#39;s why I&#39;ve been fighting so hard for: to put the financial foundation in place so I&#39;m finally free to do this mission.&lt;/p&gt;
&lt;p&gt;So here we go. Let&#39;s see where this goes!&lt;/p&gt;
&lt;h2 id=&quot;thank-you-for-coming-along-for-the-ride&quot;&gt;Thank you for coming along for the ride&lt;/h2&gt;
&lt;p&gt;I&#39;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&#39;t the case, if you&#39;re reading this at all, thank you so much. It really means the world to me, and I truly want to connect with you.&lt;/p&gt;
&lt;p&gt;&amp;quot;I want to connect with you&amp;quot; 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&#39;s been built up around social media and the web.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;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.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;So that&#39;s what I&#39;m here to do. It&#39;s still a strange phenomenon talking through pixels and time and space, but I love connecting with people and knowing that there&#39;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.&lt;/p&gt;
&lt;p&gt;This has been a freaking journey, and I&#39;m excited for what&#39;s to come. Thanks.&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Storybook MCP with Dominic Nguyen</title>
    <link href="https://bradfrost.com/blog/post/storybook-mcp-with-dominic-nguyen/" />
    <updated>2026-04-06T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/storybook-mcp-with-dominic-nguyen/</id>
    <content type="html">&lt;p&gt;&lt;a href=&quot;https://www.linkedin.com/in/domyen/&quot;&gt;Dominic Nguyen&lt;/a&gt; (Founder of &lt;a href=&quot;https://storybook.js.org/&quot;&gt;Storybook&lt;/a&gt; and &lt;a href=&quot;https://www.chromatic.com/&quot;&gt;Chromatic&lt;/a&gt;) joins me to talk about &lt;a href=&quot;https://storybook.js.org/ai&quot;&gt;Storybook MCP&lt;/a&gt; the long journey of design system quality.&lt;/p&gt;
&lt;figure class=&quot;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&quot;&gt;
&lt;div class=&quot;wp-block-embed__wrapper&quot;&gt;
&lt;ed-r-video-embed&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/vbr4qyuG1Zc&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/ed-r-video-embed&gt;
&lt;/div&gt;
&lt;/figure&gt;
&lt;p&gt;We get into what it actually feels like to be &amp;quot;scaredcited&amp;quot; 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&#39;s testing gauntlet, and catch a real accessibility issue in the process.&lt;/p&gt;
&lt;p&gt;It was really awesome to see years and years of hard-earned knowledge &amp;amp; features come together to serve this new era. The freaking power of open source software! Just incredible.&lt;/p&gt;
&lt;p&gt;If you&#39;re want to learn how to &lt;em&gt;actually wield&lt;/em&gt; Storybook MCP and the plethora of other tools out there to help you:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;make better design systems&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;make better products using AI &amp;amp; design systems&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;invent the future of user experience&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Then we&#39;d love it if you checked out our &lt;a href=&quot;https://aianddesign.systems/&quot;&gt;AI &amp;amp; Design Systems&lt;/a&gt; course.&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Coding Club</title>
    <link href="https://bradfrost.com/blog/post/coding-club/" />
    <updated>2026-03-26T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/coding-club/</id>
    <content type="html">&lt;p&gt;Today I trekked to my daughter&#39;s school (a long walk across the street!) to speak at her after-school coding club that&#39;s been meeting weekly over the last month.&lt;/p&gt;
&lt;p&gt;It was really fun to see how they were learning to code. I knew they were using &lt;a href=&quot;https://www.scratchjr.org/&quot;&gt;Scratch&lt;/a&gt; (which Ella has excitedly talked about over dinner), but I only learned about the little &lt;a href=&quot;https://store.makewonder.com/products/dash?srsltid=AfmBOopC1MLKtMxxuNSHisQcmU-KMviN6WtBchIsDrTZI7NPV-Ng65nG&quot;&gt;Dash robots&lt;/a&gt; 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.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://bradfrost.com/images/5ijhQc-MIi-973.avif 973w&quot;&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://bradfrost.com/images/5ijhQc-MIi-973.webp 973w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://bradfrost.com/images/5ijhQc-MIi-973.png&quot; alt=&quot;A Dash Robot&quot; width=&quot;973&quot; height=&quot;1002&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;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&#39;ve coded so far. A girl in the back yelled:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;I really like [THIS ONE], because Tinkercad hates me!&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;I laughed and exclaimed:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;YES! Sometimes code hates you, and sometimes it feels like you hate the code. It can be frustrating when things don&#39;t work, but when we persist and eventually the code works, it&#39;s the best feeling! And that feeling of satisfaction never goes away.&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;strong&gt;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.&lt;/strong&gt;&lt;/p&gt;
&lt;h2 id=&quot;demo-time&quot;&gt;Demo time!&lt;/h2&gt;
&lt;p&gt;I mentioned that different code does different things, and that it&#39;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.&lt;/p&gt;
&lt;p&gt;I got to show and tell my website, and unsurprisingly the kids liked the dots.&lt;/p&gt;
&lt;p&gt;I got to show off some of the cool demos and &lt;a href=&quot;https://visualzzz.bradfrost.com/&quot;&gt;visualizations&lt;/a&gt; I&#39;ve been working on. I was excited to show off the &lt;a href=&quot;https://visualzzz.bradfrost.com/?anim=emojiTranscript&amp;amp;g.audioTargetParams=baseFontSize&amp;amp;p.effect=typeSidescroll&quot;&gt;Emoji Transcript&lt;/a&gt; visualization I made that live-translates speech into emoji. The kids shouted out their favorite animals, and it wasn&#39;t long before &amp;quot;Toilet (🚽) and Poop (💩) were invoked. That one brought the house down.&lt;/p&gt;
&lt;p&gt;We then went to &lt;a href=&quot;https://www.minecraft.net/en-us&quot;&gt;Minecraft&#39;s website&lt;/a&gt; and I cracked open the web inspector and explained, &amp;quot;This website is made of code. You can look at it and even change it!&amp;quot;&lt;/p&gt;
&lt;p&gt;We turned on &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/API/Document/designMode&quot;&gt;designMode&lt;/a&gt; by running:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;document.designMode = &amp;quot;on&amp;quot;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;and did the classic &amp;quot;change the background color&amp;quot; as well as updated some of the website copy. They were impressed.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://bradfrost.com/images/88RYFOXU69-1024.avif 1024w&quot;&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://bradfrost.com/images/88RYFOXU69-1024.webp 1024w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://bradfrost.com/images/88RYFOXU69-1024.png&quot; alt=&quot;An altered version of Minecraft&#39;s website using web inspector to change background colors to pink and blue&quot; width=&quot;1024&quot; height=&quot;843&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;I then got to explain that code makes all sorts of things, including games. I pulled up &lt;a href=&quot;https://bradfrost.com/blog/post/the-creative-infinite/&quot;&gt;Ella&#39;s latest work&lt;/a&gt;: her &lt;a href=&quot;https://michael-mcdonald-game.netlify.app/&quot;&gt;vibe-coded game about playing music with Michael McDonald&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://michael-mcdonald-game.netlify.app/&quot;&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://bradfrost.com/images/3KfJtMJDp7-1021.avif 1021w&quot;&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://bradfrost.com/images/3KfJtMJDp7-1021.webp 1021w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://bradfrost.com/images/3KfJtMJDp7-1021.png&quot; alt=&quot;A digital scene with cartoon penguins, colorful toy-like figures, and icebergs. A stage reads &amp;quot;Michael McDonald.&amp;quot; A speech bubble says &amp;quot;I named my CAT after this man!&amp;quot; and stating a Michael McDonald fact&quot; width=&quot;1021&quot; height=&quot;682&quot;&gt;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;p&gt;It was a big hit! There were lots of shouts of &amp;quot;Where can I play this!?&amp;quot; from her classmates. Which then allowed me to explain about domains, URLs, that there aren&#39;t special tools needed to make your own website, and all you need to do is make it available to launch it.&lt;/p&gt;
&lt;p&gt;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 &lt;a href=&quot;https://cursor.com/&quot;&gt;IDE&lt;/a&gt;. I went around the room and asked each kid their &lt;code&gt;name&lt;/code&gt;, favorite &lt;code&gt;color&lt;/code&gt;, favorite &lt;code&gt;animal&lt;/code&gt;, and a &lt;code&gt;funFact&lt;/code&gt; about themselves.&lt;/p&gt;
&lt;p&gt;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 &lt;code&gt;funFact&lt;/code&gt;, I switched back to the browser and said, &amp;quot;ok, do you want to see our website?!&amp;quot; I refreshed the page and showed off a website with their data populated.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://bradfrost.com/images/qUPkzOFTVz-799.avif 799w&quot;&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://bradfrost.com/images/qUPkzOFTVz-799.webp 799w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://bradfrost.com/images/qUPkzOFTVz-799.png&quot; alt=&quot;A website called &amp;quot;Coding club crew&amp;quot; featuring a grid of cards populated with each kid&#39;s provided info&quot; width=&quot;799&quot; height=&quot;1024&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Wooooaaahh! was the collective response. Each card opened up (using &lt;a href=&quot;https://developer.mozilla.org/en-US/docs/Web/API/View_Transition_API&quot;&gt;&lt;code&gt;view-transition&lt;/code&gt;s&lt;/a&gt; for some extra flair) to show a detail view for each kid, equipped with the &lt;code&gt;funFact&lt;/code&gt; and &lt;a href=&quot;https://designtokenscourse.com/&quot;&gt;UI themed&lt;/a&gt; to their favorite color.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://bradfrost.com/images/5LH43_pyZW-1024.avif 1024w&quot;&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://bradfrost.com/images/5LH43_pyZW-1024.webp 1024w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://bradfrost.com/images/5LH43_pyZW-1024.png&quot; alt=&quot;A card from the coding club demo website that shows a green card with Ella &amp;quot;loves Elephants&amp;quot; . A fun fact that says &amp;quot;I like rock climbing&amp;quot;, and a button that reads &amp;quot;Back to everyone&amp;quot;&quot; width=&quot;1024&quot; height=&quot;957&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;We didn&#39;t stop until I clicked on every last one of those kids&#39; names hahahaha.&lt;/p&gt;
&lt;h2 id=&quot;excited-for-the-future&quot;&gt;Excited for the future&lt;/h2&gt;
&lt;p&gt;I feel like we covered a lot of ground in a half hour, certainly more than I expected to cover. Ella&#39;s teacher and the librarian who run the coding club were grateful and were happy that I actually showed them the code&#39;s results and not just the code itself.&lt;/p&gt;
&lt;p&gt;&amp;quot;You&#39;d be surprised how many professionals with Masters&#39; degrees in Computer Science seem to forget to show the actual results.&amp;quot; was my response.&lt;/p&gt;
&lt;p&gt;We said our goodbyes, and Ella and I walked home together back across the street to our house. We&#39;re usually both pretty chatty (she is my daughter after all), but we mostly were quiet on our brief walk back.&lt;/p&gt;
&lt;p&gt;The gravity of the day is only now sinking in, and I&#39;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&#39;d like. But today I got to share my world — this world of code that I&#39;ve been immersed in for nearly all of my life — with Ella, her peers, and teachers. I got to proudly show off Ella&#39;s coded creations, and got to see everyone&#39;s delight in collaborating to make something fun together.&lt;/p&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;p&gt;Thank you, coding club. Thank you, World Wide Web. Thank you, code.&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>My 8-year-old vibe-coded a video game about playing music with Michael McDonald</title>
    <link href="https://bradfrost.com/blog/post/my-8-year-old-vibe-coded-a-video-game-about-playing-music-with-michael-mcdonald/" />
    <updated>2026-03-26T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/my-8-year-old-vibe-coded-a-video-game-about-playing-music-with-michael-mcdonald/</id>
    <content type="html">&lt;p&gt;My 8-year-old vibe-coded a video game called &lt;a href=&quot;https://michael-mcdonald-game.netlify.app/&quot;&gt;&amp;quot;Play With Michael McDonald&amp;quot;&lt;/a&gt;, and she wanted to present it. So here&#39;s Ella!&lt;/p&gt;
&lt;figure class=&quot;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&quot;&gt;
&lt;div class=&quot;wp-block-embed__wrapper&quot;&gt;
&lt;ed-r-video-embed&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/2dIrb-iZ83c&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/ed-r-video-embed&gt;
&lt;/div&gt;
&lt;/figure&gt;
&lt;h2 id=&quot;the-origin-story&quot;&gt;The origin story&lt;/h2&gt;
&lt;p&gt;After playing some Mario Party minigames the other evening, my 8-year-old daughter said,&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;...as you do. So we sat down with &lt;a href=&quot;https://www.anthropic.com/product/claude-cowork&quot;&gt;Claude Cowork&lt;/a&gt; and punched in the following:&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://bradfrost.com/images/DSwcOpXUl--1024.avif 1024w&quot;&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://bradfrost.com/images/DSwcOpXUl--1024.webp 1024w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://bradfrost.com/images/DSwcOpXUl--1024.png&quot; alt=&quot;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&#39;re a backup musician for Michael McDonald and you help him play his songs on different instruments.
You&#39;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&#39;re dancing with penguins and they&#39;re waving their arms to the music.
Help us make this!&quot; width=&quot;1024&quot; height=&quot;612&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;We then sat down with Claude Cowork and spent the next 15 minutes iterating over the game, laughing all the way.&lt;/p&gt;
&lt;h2 id=&quot;into-the-creative-infinite&quot;&gt;Into the Creative Infinite&lt;/h2&gt;
&lt;p&gt;This experience conjures up all sorts of thoughts and feelings, which I&#39;ll save for another day. But I do think that this exemplifies what I&#39;m calling &lt;a href=&quot;https://bradfrost.com/blog/post/the-creative-infinite/&quot;&gt;The Creative Infinite&lt;/a&gt;.&lt;/p&gt;
&lt;figure class=&quot;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&quot;&gt;
&lt;div class=&quot;wp-block-embed__wrapper&quot;&gt;
&lt;ed-r-video-embed&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/QJFEgIpNIic&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/ed-r-video-embed&gt;
&lt;/div&gt;
&lt;/figure&gt;
&lt;p&gt;We&#39;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.&lt;/p&gt;
&lt;p&gt;It&#39;s truly stunning, and unlocks all sorts of big opportunities and challenges. But setting all of that aside, I&#39;m just so incredibly excited to see what my daughter&#39;s gonna come up with next.&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>The Creative Infinite</title>
    <link href="https://bradfrost.com/blog/post/the-creative-infinite/" />
    <updated>2026-03-24T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/the-creative-infinite/</id>
    <content type="html">&lt;figure class=&quot;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&quot;&gt;
&lt;div class=&quot;wp-block-embed__wrapper&quot;&gt;
&lt;ed-r-video-embed&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/QJFEgIpNIic&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/ed-r-video-embed&gt;
&lt;/div&gt;
&lt;/figure&gt;
&lt;p&gt;I found myself using the phrase &amp;quot;the Creative Infinite&amp;quot; when I&#39;m talking about AI as a design material. I keep coming back to it because I don&#39;t think we&#39;ve fully grasped what this technology actually &lt;em&gt;is&lt;/em&gt;, what it can do, and what it means for human creative potential.&lt;/p&gt;
&lt;p&gt;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: &lt;strong&gt;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 &lt;em&gt;anything&lt;/em&gt;, the outputs can be &lt;em&gt;anything&lt;/em&gt;, and the whole process can be repeated, iterated, combined, translated, and chained together indefinitely.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;I don&#39;t think we fully understand what that means.&lt;/p&gt;
&lt;h2 id=&quot;theres-never-been-a-better-time-to-have-the-thought-wouldnt-it-be-cool-if&quot;&gt;There&#39;s never been a better time to have the thought &amp;quot;wouldn&#39;t it be cool if...&amp;quot;&lt;/h2&gt;
&lt;p&gt;After playing some post-dinner Mario Party minigames, my 8-year-old casually told me she wanted to make a video game. &amp;quot;What do you want the game to be about?&amp;quot; I asked.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;You&#39;re a musician on tour with Michael McDonald. You travel to the South Pole and play with penguins.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;She knows that I think Michael McDonald is hilarious (and talented), and I could tell she was trying to make me laugh.&lt;/p&gt;
&lt;p&gt;&amp;quot;Do you want to make that?&amp;quot; I asked, and she said yeah.&lt;/p&gt;
&lt;p&gt;In 5 minutes, Ella vibe-coded a playable game (built in Three.js via Claude Cowork) running in the browser.&lt;/p&gt;
&lt;p&gt;That&#39;s just bonkers. At no point in human history has it been possible to simply describe a game in words and then just... play it 5 minutes later.&lt;/p&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type=&quot;image/avif&quot; srcset=&quot;https://bradfrost.com/images/3KfJtMJDp7-1021.avif 1021w&quot;&gt;&lt;source type=&quot;image/webp&quot; srcset=&quot;https://bradfrost.com/images/3KfJtMJDp7-1021.webp 1021w&quot;&gt;&lt;img loading=&quot;lazy&quot; decoding=&quot;async&quot; src=&quot;https://bradfrost.com/images/3KfJtMJDp7-1021.png&quot; alt=&quot;A digital scene with cartoon penguins, colorful toy-like figures, and icebergs. A stage reads &amp;quot;Michael McDonald.&amp;quot; A speech bubble says &amp;quot;I named my CAT after this man!&amp;quot; and stating a Michael McDonald fact&quot; width=&quot;1021&quot; height=&quot;682&quot;&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;We headed upstairs for bath and bedtime, and she was already talking about other games she&#39;d make with her friends.&lt;/p&gt;
&lt;p&gt;I keep thinking about the phrase &amp;quot;wouldn&#39;t it be cool if...&amp;quot; I don&#39;t think there&#39;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.&lt;/p&gt;
&lt;h2 id=&quot;the-barriers-to-creation-have-fully-eroded&quot;&gt;The barriers to creation have fully eroded&lt;/h2&gt;
&lt;p&gt;Over the course of my life, I&#39;ve watched the barrier to creation come &lt;em&gt;way&lt;/em&gt; down. PCs, the internet, smartphones — each wave brought more people into the act of making things.&lt;/p&gt;
&lt;p&gt;But there&#39;s always been a gap. People who can code and people who can&#39;t. People who can make movies and people who can&#39;t. A lot of those divides are artificial &lt;a href=&quot;https://bradfrost.com/blog/post/bigger-than-boxes-a-41st-thought-at-41/&quot;&gt;stories we tell ourselves&lt;/a&gt;, but there are legit barriers as well.&lt;/p&gt;
&lt;p&gt;But now, If you can utter your idea in a few simple words, you can begin the creative process. That&#39;s genuinely new.&lt;/p&gt;
&lt;p&gt;It&#39;s not just about ease of access; I think there are a ton of people who don&#39;t fit in with classical models of how we&#39;re &amp;quot;supposed&amp;quot; to think or communicate. Now peoples can speak in the way that&#39;s natural to them and have it translate directly into the thing they &lt;a href=&quot;https://articles.centercentre.com/design_rendering_intent/&quot;&gt;intend&lt;/a&gt;. This is transformative for both the sender and receiver.&lt;/p&gt;
&lt;p&gt;I&#39;ve talked to so many people who say: &lt;em&gt;I used to play music. I can&#39;t draw. I wouldn&#39;t know how to do that.&lt;/em&gt; And I think: you might be surprised.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&quot;the-compounding-nature-of-new-creative-materials&quot;&gt;The compounding nature of new creative materials&lt;/h2&gt;
&lt;p&gt;When a new technology comes along and sucks the air out of the room, it can be easy to forget that new technologies don&#39;t destroy the old technologies, but rather has a compounding effect.&lt;/p&gt;
&lt;p&gt;And because our general-purpose technology with all the other creative materials already at our disposal? Boy oh boy. The door doesn&#39;t just open wider — it comes off its hinges entirely.&lt;/p&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id=&quot;into-the-creative-infinite&quot;&gt;Into the creative infinite&lt;/h2&gt;
&lt;p&gt;Once again, I&#39;m not going to downplay the downright terrifying aspects of all of this; I&#39;m fully aware of the myriad reasons to be concerned about AI, &lt;a href=&quot;https://www.nytimes.com/2024/04/16/podcasts/the-daily/ai-data.html&quot;&gt;AI&#39;s original sin&lt;/a&gt;, and these powerful tools can and will be used by shitty people for shitty reasons.&lt;/p&gt;
&lt;p&gt;But the Creative Infinite remains a simple statement of fact. Inputs go in, and outputs come out. That exists now, and it didn&#39;t before.&lt;/p&gt;
&lt;p&gt;I&#39;m still processing the fact that for the rest of my life — and for my daughter&#39;s life — there will be the ability to say &lt;em&gt;&lt;strong&gt;wouldn&#39;t it be cool if this existed?&lt;/strong&gt;&lt;/em&gt; and then actually bring it into existence. As someone who makes things for a living, as someone who&#39;s always had far more ideas than time, that feels WILD. I&#39;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&#39;ve wanted to make for years.&lt;/p&gt;
&lt;p&gt;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?&lt;/p&gt;
&lt;p&gt;Of course I can&#39;t tell you what to make, but please make it &lt;em&gt;&lt;strong&gt;good&lt;/strong&gt;&lt;/em&gt;.&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>I redesigned my website without touching my keyboard...all while painting a mural</title>
    <link href="https://bradfrost.com/blog/post/i-redesigned-my-website-without-touching-my-keyboard-all-while-painting-a-mural/" />
    <updated>2026-03-18T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/i-redesigned-my-website-without-touching-my-keyboard-all-while-painting-a-mural/</id>
    <content type="html">&lt;p&gt;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.&lt;/p&gt;
&lt;p&gt;But a lot was on my mind, so made the decision to work on a long-overdue redesign of &lt;a href=&quot;https://bradfrost.com/&quot;&gt;my website while painting the mural.&lt;/a&gt; What started as an experiment turned into the most fun I’ve had in the 30 years I’ve been making websites.&lt;/p&gt;
&lt;p&gt;I want to &lt;a href=&quot;https://youtu.be/bCYXG__rBZY?si=FUCQgeSWtYMepbSy&amp;amp;t=8&quot;&gt;share the video with you here&lt;/a&gt;:&lt;/p&gt;
&lt;figure class=&quot;wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio&quot;&gt;
&lt;div class=&quot;wp-block-embed__wrapper&quot;&gt;
&lt;ed-r-video-embed&gt;&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/bCYXG__rBZY?start=8&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; referrerpolicy=&quot;strict-origin-when-cross-origin&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;&lt;/ed-r-video-embed&gt;
&lt;/div&gt;
&lt;/figure&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;h2 id=&quot;a-genuine-paradigm-shift&quot;&gt;A genuine paradigm shift&lt;/h2&gt;
&lt;p&gt;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. &lt;em&gt;These limitations no longer exist.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;With each passing day, I&#39;m feeling my mindset shift around what&#39;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&#39;s Good, what&#39;s Bad, what&#39;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 &lt;em&gt;The Creative Infinite&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;h2 id=&quot;excited-to-create-excited-to-help-teach-others-to-create&quot;&gt;Excited to create. Excited to help teach others to create.&lt;/h2&gt;
&lt;p&gt;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, &lt;strong&gt;the need for us to understand core concepts, design materials, and creative/technological opportunities matters more than ever.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;How do you go about doing that?&lt;/em&gt; 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:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://aianddesign.systems/&quot;&gt;&lt;strong&gt;AI &amp;amp; Design Systems&lt;/strong&gt;&lt;/a&gt; &lt;strong&gt;-&lt;/strong&gt; Join me, Ian Frost, TJ Pitre, and our growing community of practitioners exploring the intersection between AI &amp;amp; Design Systems.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://designtokenscourse.com/&quot;&gt;&lt;strong&gt;Subatomic: The Complete Guide To Design Tokens&lt;/strong&gt;&lt;/a&gt; &lt;strong&gt;-&lt;/strong&gt; 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.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://atomicdesigncourse.com/&quot;&gt;&lt;strong&gt;Atomic Design Certification Course&lt;/strong&gt;&lt;/a&gt; &lt;strong&gt;-&lt;/strong&gt; This course covers foundational concepts around design systems, which I’m finding critical to getting the results I actually want&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;a href=&quot;https://courses.bradfrost.com/order?ct=ec9d4f88-b76a-4c94-9dfb-187186eef9e4&quot;&gt;&lt;strong&gt;MEGABUNDLE&lt;/strong&gt;&lt;/a&gt; &lt;strong&gt;-&lt;/strong&gt; Get all three courses at a significant discount!&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;h2 id=&quot;into-the-great-wide-open&quot;&gt;Into the great wide open&lt;/h2&gt;
&lt;p&gt;I&#39;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 &lt;a href=&quot;https://bradfrost.com/faq/#story&quot;&gt;Dragonball Z Geocities website&lt;/a&gt;, I could feel its boundless potential. I can say without any hyperbole that I&#39;ve never felt that boundless potential as much as I do right now.&lt;/p&gt;
&lt;p&gt;But I think it&#39;s important to it&#39;s really important to not just wield this powerful new technology, but to &lt;a href=&quot;https://bradfrost.com/blog/post/a-designers-thoughts-about-this-moment-in-ai/&quot;&gt;give a shit about doing things &lt;em&gt;right&lt;/em&gt;&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;That&#39;s why I love being a part of the World Wide Web community. That&#39;s why I love being a part of the design systems community. We aren&#39;t just pumping out shit work to make a quick buck. &lt;strong&gt;We value quality.&lt;/strong&gt; 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 &lt;a href=&quot;https://www.youtube.com/watch?v=5u8vd_YNbTw&quot;&gt;The Greater Good&lt;/a&gt;. We&#39;re committed not just to betterment, but commitment for betterment &lt;strong&gt;&lt;em&gt;for everyone.&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;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, &lt;a href=&quot;https://www.w3.org/TR/ethical-web-principles/&quot;&gt;principles&lt;/a&gt;, and ideals of the World Wide Web are still alive. Still out there. Still true. And I think it&#39;s critical to rekindle those values and infuse them into this new technological era.&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Fine Specimens by Elliot Jay Stocks</title>
    <link href="https://bradfrost.com/links/post/fine-specimens-by-elliot-jay-stocks/" />
    <updated>2026-03-16T00:00:00Z</updated>
    <id>https://bradfrost.com/links/post/fine-specimens-by-elliot-jay-stocks/</id>
    <content type="html">&lt;blockquote&gt;
&lt;p&gt;A curated collection of the best in contemporary type design&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Elliot is back with a new typography book! &lt;em&gt;&lt;a href=&quot;https://elliotjaystocks.com/books/#fine-specimens&quot;&gt;Elliot Jay Stocks&lt;/a&gt;&lt;/em&gt;&lt;/p&gt;</content>
  </entry>
</feed>