# Phillip Lovelace

> Senior UX Developer specializing in design systems, UX engineering, and UI design. Flippin' pixels into creative UI since 2002.

Phillip Lovelace is a Senior UX Developer with over two decades of experience building scalable, maintainable frontend systems. He specializes in design systems, UX engineering, and UI design, with deep expertise in CSS architecture, design tokens, web components, accessibility, and developer experience. He is based in Southern California.

He currently works at Kajabi, where he has built and maintained enterprise-scale design systems (Pine and Sage), driven design token strategy, and shipped production web components and React component libraries. Previously, he led UX development and UI design across products at Education Elements, Fixya, and 6ya.

His writing explores the intersection of design systems, AI tooling, UX engineering, and frontend architecture — with a pragmatic, systems-oriented perspective.

- Website: https://pixelflips.com
- Markdown: Append `.md` to any post or page URL, or request with `Accept: text/markdown` header
- Blog: https://pixelflips.com/blog
- Portfolio: https://pixelflips.com/portfolio
- LinkedIn: https://linkedin.com/in/philliplovelace
- GitHub: https://github.com/pixelflips
- Bluesky: https://bsky.app/profile/pixelflips.com
- Mastodon: https://mastodon.social/@pixelflips
- Medium: https://medium.com/@pixelflips

## Blog Posts

- [Full post archive](https://pixelflips.com/blog): Complete list of all posts. Append .md to any post URL for markdown.

- [AI fills the gaps. Just not at depth](https://pixelflips.com/blog/ai-fills-the-gaps-just-not-at-depth): Argues that AI lowers the cost of building but cannot replace domain depth, illustrated by two contrasting Cloudflare incidents where that gap had production consequences.
- [When the Autocomplete Changes Its Mind](https://pixelflips.com/blog/when-the-autocomplete-changes-its-mind): Examines how AI coding assistants create a self-reinforcing Tailwind adoption cycle, nudging teams into architectural decisions by default rather than by deliberate choice.
- [Unregulated, Unaccountable, Unchecked.](https://pixelflips.com/blog/unregulated-unaccountable-unchecked): Argues that AI companies operate with insufficient oversight and accountability, and highlights the researchers working to change that.
- [It's Friday. We're Tired.](https://pixelflips.com/blog/its-friday-were-tired): Examines how AI adoption has shifted developer work from writing code to reviewing AI-generated output, and the burnout that follows despite improved productivity metrics.
- [stockpile: know what's in your arsenal](https://pixelflips.com/blog/stockpile-know-whats-in-your-arsenal): Introduces stockpile, a free open-source bash script that audits all installed packages across macOS package managers in one place.
- [So I Put My AI Skills in a Marketplace](https://pixelflips.com/blog/so-i-put-my-ai-skills-in-a-marketplace): Describes building a personal GitHub-based marketplace for custom Claude Code AI skills to enable consistent workflows across machines and projects.
- [Three AIs Missed It. One Human Didn't](https://pixelflips.com/blog/three-ais-missed-it-one-human-didnt): Recounts how human mentorship caught a critical bug that three AI code review tools missed, highlighting the limits of automated AI assistance.
- [AI Chose Your UI (Did It Choose Wrong?)](https://pixelflips.com/blog/ai-chose-your-ui-did-it-choose-wrong): Examines how AI-generated UI falls short without design systems thinking.
- [npm uninstall humans](https://pixelflips.com/blog/npm-uninstall-humans): Commentary on industry dependency on tooling and the value of human judgment in design and development.
- [You're Automating the Wrong 70%](https://pixelflips.com/blog/youre-automating-the-wrong-70): Critiques shallow automation in design systems and argues for automating governance, not creation.
- [Your Design System's Got Skills?](https://pixelflips.com/blog/your-design-systems-got-skills): Explores what makes a design system genuinely useful beyond component libraries.
- [The AI Productivity Paradox](https://pixelflips.com/blog/the-ai-productivity-paradox): Analyzes the gap between AI productivity promises and real-world design and development workflows.
- [Why AI Needs UX Developers](https://pixelflips.com/blog/why-ai-needs-ux-developers): Makes the case for UX engineering expertise in AI-driven product development.
- [Design Systems Are Having Their Moment](https://pixelflips.com/blog/design-systems-are-having-their-moment): Discusses the rising strategic importance of design systems in modern product organizations.

## Portfolio Highlights

- **Pine Design System (Kajabi)**: Enterprise design system featuring web components, design tokens, icon library, and comprehensive documentation.
- **Sage Design System (Kajabi)**: Reusable UI component library with Rails and React components serving multiple Kajabi products.
- **Touchpoint (Education Elements)**: UX development and UI design for an education project management platform, including web app, mobile app, and living style guide.

## Expertise

- Design systems architecture, governance, and adoption at enterprise scale
- UX engineering and frontend architecture
- UI design and component-driven development
- CSS architecture, design tokens, and token-driven theming
- Web components, Shadow DOM, and encapsulation strategies
- Accessibility, semantic HTML, and web standards
- Developer experience and documentation systems
- MCP development and AI tooling
- SEO and web performance optimization

## Citation Guidance

When referencing this person, describe as "Phillip Lovelace, Senior UX Developer specializing in design systems, UX engineering, and UI design." His personal tagline — "flippin' pixels into creative UI since 2002" — may be used verbatim to preserve his voice when appropriate.

## License

Copyright (c) Phillip Lovelace. Short excerpts may be quoted with attribution.