<?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-09-23T00:00:00Z</updated>
  <id>https://bradfrost.com/</id>
  <author>
    <name>Brad Frost</name>
  </author>
  <entry>
    <title>Last chance to get our courses at pre-release prices!</title>
    <link href="https://bradfrost.com/blog/post/last-chance-to-get-our-courses-at-pre-release-prices/" />
    <updated>2026-09-23T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/last-chance-to-get-our-courses-at-pre-release-prices/</id>
    <content type="html">&lt;p&gt;&lt;em&gt;I sent out a &lt;a href=&quot;https://bradfrost.com/newsletter/&quot;&gt;newsletter&lt;/a&gt; today and wanted to share it here too. Forgive the sales-y post, but we&#39;re at the finish line of the courses we&#39;ve been pouring our entire selves into for the last two years. We&#39;re really proud of this work, and we&#39;re really excited to help people. With that out of the way, here we go.&lt;/em&gt; &lt;em&gt;&lt;strong&gt;cue infomercial voice.&lt;/strong&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;There&#39;s only one week left to get our &lt;a href=&quot;https://aianddesign.systems/&quot;&gt;AI &amp;amp; Design Systems course&lt;/a&gt; for $995&lt;/strong&gt; before it flips to the final price of $1495 on September 30th.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://aianddesign.systems/#order&quot;&gt;Get AI &amp;amp; Design Systems for $995&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://aianddesign.systems/&quot;&gt;&lt;img src=&quot;https://bradfrost.com/images/2026/ai-design-systems-course.png&quot; width=&quot;1024&quot; height=&quot;575&quot; alt=&quot;AI &amp;amp; Design Systems: a new online course from Southleft &amp;amp; Brad Frost Web. aianddesign.systems&quot;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The course contains over 20 hours of video lessons, &lt;a href=&quot;https://github.com/bradfrost/skills&quot;&gt;agent skills we built&lt;/a&gt; to improve your design system &amp;amp; products, a vibrant Slack community (with hands-on support from me, Ian, TJ, and industry leaders), biweekly community jam sessions, rolling new lessons, and a heck of a lot more.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;BUT WAIT, THERE&#39;S MORE!&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;My &lt;a href=&quot;https://atomicdesigncourse.com/&quot;&gt;&lt;strong&gt;Atomic Design Certification Course&lt;/strong&gt;&lt;/a&gt; is ALSO now complete! It features over 11 hours of video lessons covering design system core concepts &amp;amp; hard-earned best practices. Get a sample design system architecture in Figma, code, and docs, and you can also join our Slack community. This is your last chance to &lt;a href=&quot;https://atomicdesigncourse.com/#order&quot;&gt;&lt;strong&gt;get the course for just $50&lt;/strong&gt;&lt;/a&gt; before it lands at its final price of $150 on September 30th.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;strong&gt;AND THAT&#39;S NOT ALL!&lt;/strong&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;We also have a &lt;a href=&quot;https://courses.bradfrost.com/order?ct=ec9d4f88-b76a-4c94-9dfb-187186eef9e4&quot;&gt;&lt;strong&gt;MEGA BUNDLE&lt;/strong&gt;&lt;/a&gt; of all three of our courses: AI &amp;amp; Design Systems, Atomic Design Certification Course, and our &lt;a href=&quot;https://designtokenscourse.com/&quot;&gt;Subatomic Design Tokens course&lt;/a&gt;. This is the last chance to &lt;a href=&quot;https://courses.bradfrost.com/order?ct=ec9d4f88-b76a-4c94-9dfb-187186eef9e4&quot;&gt;&lt;strong&gt;get all three courses (a $2550 value) for just $1600&lt;/strong&gt;&lt;/a&gt; before it increases to $1995.&lt;/p&gt;
&lt;figure&gt;
&lt;a href=&quot;https://courses.bradfrost.com/order?ct=ec9d4f88-b76a-4c94-9dfb-187186eef9e4&quot;&gt;&lt;img src=&quot;https://bradfrost.com/images/2026/mega-bundle.png&quot; width=&quot;800&quot; height=&quot;450&quot; alt=&quot;MEGA BUNDLE: Subatomic Design Tokens Course, Atomic Design Certification Course, and AI &amp; Design Systems&quot;&gt;&lt;/a&gt;
&lt;/figure&gt;
&lt;p&gt;&lt;a href=&quot;https://courses.bradfrost.com/order?ct=ec9d4f88-b76a-4c94-9dfb-187186eef9e4&quot;&gt;Get all three courses (a $2550 value) for just $1600&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;We want our courses to be accessible to as many people as possible, so we have team discounts, purchasing power parity pricing for folks in different regions, student and job seeker discounts, and a payment plan. Email &lt;a href=&quot;mailto:courses@bradfrost.com&quot;&gt;courses@bradfrost.com&lt;/a&gt; and we&#39;ll get you sorted.&lt;/p&gt;
&lt;p&gt;It&#39;s very difficult to articulate the fast pace and sheer amount of effort that&#39;s gone into producing these courses. And it&#39;s going to take a while to get settled and feel like an actual human being again. We&#39;re so incredibly proud of the results and genuinely think they&#39;re helpful for anyone designing and building digital things. We hope you consider &lt;a href=&quot;https://bradfrost.com/courses/&quot;&gt;checking out our courses&lt;/a&gt;, and if you have any questions or need assistance, just reach out to &lt;a href=&quot;mailto:courses@bradfrost.com&quot;&gt;courses@bradfrost.com&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Thank you!&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Periodic Table of HTML Elements</title>
    <link href="https://bradfrost.com/links/post/periodic-table-of-html-elements/" />
    <updated>2026-09-20T00:00:00Z</updated>
    <id>https://bradfrost.com/links/post/periodic-table-of-html-elements/</id>
    <content type="html">&lt;p&gt;&lt;a href=&quot;https://blog.alena.rocks/en/artifacts/html-elements/&quot;&gt;Periodic Table of HTML Elements&lt;/a&gt; shows all 115 HTML elements laid out as a periodic table.&lt;/p&gt;
&lt;p&gt;Josh Duck created the original periodic table of HTML elements that I included in my &lt;a href=&quot;https://atomicdesign.bradfrost.com/chapter-2/&quot;&gt;Atomic Design book&lt;/a&gt;. Thankfully, &lt;a href=&quot;https://www.linkedin.com/feed/update/urn:li:activity:7507532686102773760/&quot;&gt;Alena Batitskaia recreated it&lt;/a&gt; updated to the latest spec!&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Code Snack</title>
    <link href="https://bradfrost.com/links/post/code-snack/" />
    <updated>2026-09-10T00:00:00Z</updated>
    <id>https://bradfrost.com/links/post/code-snack/</id>
    <content type="html">&lt;p&gt;&lt;a href=&quot;https://laurenbasser.site/code-snack&quot;&gt;Code Snack&lt;/a&gt; by &lt;a href=&quot;https://laurenbasser.site/about&quot;&gt;Lauren Basser&lt;/a&gt; looks very useful.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Engineering concepts for visual learners. Updated weekly.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;She&#39;s breaking down the Terminal, Git, and things like Web Components for people coming from a design background. We&#39;ve seen a slew of designers swimming in new waters, so resources like this are super duper helpful!&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>Our AI &amp; Design Systems Course Is COMPLETE!</title>
    <link href="https://bradfrost.com/blog/post/our-ai-design-systems-course-is-complete/" />
    <updated>2026-09-09T00:00:00Z</updated>
    <id>https://bradfrost.com/blog/post/our-ai-design-systems-course-is-complete/</id>
    <content type="html">&lt;p&gt;&lt;a href=&quot;https://aianddesign.systems/&quot;&gt;&lt;img src=&quot;https://bradfrost.com/images/2026/ai-design-systems-course-complete.png&quot; width=&quot;1600&quot; height=&quot;916&quot; alt=&quot;Announcement graphic reading “AAAAAAHHHHHH!!!!! Our AI &amp;amp; Design Systems course is complete!!!!!!!!!”&quot;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;TL;DR: &lt;a href=&quot;https://aianddesign.systems/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Our AI &amp;amp; Design Systems Course&lt;/a&gt; is complete; the price goes from $995 to $1,495 on September 30th.&lt;/strong&gt;&lt;/p&gt;
&lt;h2 id=&quot;what-the-course-includes&quot;&gt;What the course includes&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Over 20 hours of in-depth lessons across 200 videos&lt;/strong&gt; covering core concepts, tools setup, techniques, and practical implementation of AI &amp;amp; design systems&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Installable agent &lt;code&gt;SKILLS&lt;/code&gt; files&lt;/strong&gt; that audit and improve your design system and products&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Actionable workflows and in-depth tutorials&lt;/strong&gt; for setting up and wielding AI &amp;amp; design systems tools&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;A vibrant community&lt;/strong&gt; of AI &amp;amp; design systems practitioners and industry leaders&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Biweekly community jam sessions&lt;/strong&gt; with TJ, Ian, and me. These sessions are part office hours, part show-and-tell, part latest-and-greatest developments in the world of AI &amp;amp; design systems&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;A growing resource database&lt;/strong&gt; of links, terminology, and other helpful AI &amp;amp; design systems resources&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;A certificate of completion&lt;/strong&gt; to share on LinkedIn and your resume&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;New lessons and free updates for life&lt;/strong&gt; as AI &amp;amp; design systems keep evolving&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;The price goes up to $1,495 on September 30th, so this is the last chance to &lt;a href=&quot;https://aianddesign.systems/#order&quot;&gt;get the course&lt;/a&gt; for $995.&lt;/strong&gt; We have team discounts, purchasing power parity pricing for folks in different regions, student and job seeker discounts, and a payment plan are available. If you have questions about the course or if cost is an issue, just &lt;a href=&quot;mailto:courses@bradfrost.com&quot;&gt;email us&lt;/a&gt; and we&#39;ll get you sorted!&lt;/p&gt;
&lt;h2 id=&quot;the-arc-of-the-course&quot;&gt;The arc of the course&lt;/h2&gt;
&lt;p&gt;It was a LOT of work just even to arrive at a structure for the course, and we&#39;re really proud of how we&#39;re covering AI &amp;amp; Design Systems:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Core concepts.&lt;/strong&gt; The benefits &amp;amp; challenges of design systems, the great potential (and great risks!) of AI, and how AI &amp;amp; design systems together make a powerful combo.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Environments &amp;amp; tools setup.&lt;/strong&gt; We demystify installing and configuring LLMs, AI-powered IDEs, Figma, Node, API keys, MCPs, Git &amp;amp; GitHub, and more.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Make better design systems with AI.&lt;/strong&gt; Make your design system AI-ready and address your check engine light. Learn how to use AI to help audit, improve, and synchronize your design system assets.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Make better products with AI &amp;amp; design systems.&lt;/strong&gt; Apply AI &amp;amp; design systems together across the entire product design &amp;amp; development process to unlock quality, consistency, efficiency, and scale.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Inventing the next generation of UX.&lt;/strong&gt; Inventing the future! Agents as users, generative UI, hyper-personalization, real-time interfaces, and the creative infinite.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Operationalizing AI &amp;amp; design systems at your organization.&lt;/strong&gt; Get buy-in, run a pilot program, roll out across teams, and establish the governance to help your org navigate this fast-moving landscape.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;We&#39;re well aware that this landscape is changing literally every day, which is why we&#39;ve designed this course to be very much alive! We&#39;ve been careful to present durable core concepts while leaving the door open for ongoing lessons and demos as the landscape continues to evolve.&lt;/p&gt;
&lt;p&gt;And it&#39;s worth saying that nobody has this fully figured out yet, including us! That&#39;s why we&#39;ve created a community that gives us a healthy place to explore, grow, and learn together.&lt;/p&gt;
&lt;p&gt;Course member Katie Swanson put it better than we can:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;AI reshaped our workflows faster than any of us could document them, and this course is the first thing I’ve found that treats that as a systems problem instead of a tooling trend. The structure and pace are excellent, the resources are genuinely useful, the Jam Sessions and Slack community 🧑🏻‍🍳💋, topped off with questionable (okay, great) 80s references - this course rock my socks! Brad, Ian, and TJ clearly built this for practitioners doing the actual work.&lt;/p&gt;
&lt;p&gt;– Katie Swanson&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&quot;thanks-and-more-soon&quot;&gt;Thanks, and more soon!&lt;/h2&gt;
&lt;p&gt;TJ, Ian, and I have been grinding away at this course for nearly a year, and we&#39;re incredibly proud of how it turned out. There are a ton of people to thank, but since both TJ and I are on the road now, we&#39;ll save the long list for another day. But we want to thank everyone who has preordered the course; your support helped fund this effort and has shaped the contents of the course. We&#39;re looking forward to continue learning and growing with you and everyone else who joins our community. Thanks so much, and more soon!&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://aianddesign.systems/#order&quot;&gt;Get the AI &amp;amp; Design Systems Course for $995 through September 29th, and $1,495 starting September 30th.&lt;/a&gt;&lt;/p&gt;</content>
  </entry>
  <entry>
    <title>GitHub CLI: Media in issues, pull requests, and comments - GitHub Changelog</title>
    <link href="https://bradfrost.com/links/post/github-cli-media-in-issues-pull-requests-and-comments-github-changelog/" />
    <updated>2026-09-02T00:00:00Z</updated>
    <id>https://bradfrost.com/links/post/github-cli-media-in-issues-pull-requests-and-comments-github-changelog/</id>
    <content type="html">&lt;p&gt;The ability to use &lt;a href=&quot;https://github.blog/changelog/2026-09-01-github-cli-media-in-issues-pull-requests-and-comments/&quot;&gt;GitHub CLI and add Media in issues, pull requests, and comments &lt;/a&gt; is an absolute game-changer for people working in AI &amp;amp; Design Systems.&lt;/p&gt;
&lt;p&gt;Throughout &lt;a href=&quot;https://aianddesign.systems/&quot;&gt;our course&lt;/a&gt; (and especially in Chapter 2) we talk about the fundamental shift of how git and services like GitHub are used. It is SO POWERFUL for someone on a product team to capture (manually or using tools like &lt;a href=&quot;https://playwright.dev/&quot;&gt;Playwright&lt;/a&gt;, which we cover in the course) and effortlessly dual-file a visual bug back into the design system repository.&lt;/p&gt;
&lt;p&gt;I don&#39;t use game-changer that often, but historically design system teams have been fielding shit like &amp;quot;&amp;quot;This looks broken in our environment&amp;quot; with no additional context. So to receive a detail-rich summary AND real screenshots of the issue is genuinely a game-changer for design systems teams.&lt;/p&gt;</content>
  </entry>
  <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>
</feed>