AI Pattern Library

After launching CarMax's first AI chat, Skye, many teams were starting to build AI features into their products. So I created a design system for conversational AI with components in Figma and interactive prototypes in code, so other teams could ship generative AI experiences quickly and consistently.

In one week I deconstructed our Skye chat interface into core components like input, messages, responses, and chain of thought. I worked backward from our base MUI components and styles to keep it cohesive with the rest of our experience. There were many AI capabilities we didn't have yet, such as response streaming and multi-modal input, but I incorporated them into the system anyway so teams would be ready when we added them later.

I built interactive prototypes in code using Storybook, demonstrating streaming, scroll positioning, and voice mode that static Figma couldn't capture.

With this extension to our design system, one team shipped a new AI chat product in two weeks. This work also created a shared visual and interactive language for AI experiences across the company.