Zach Schnackel

Zach Schnackel

I'm a Software Engineer based in Charlotte, NC. My background involves pushing the limits of what we can build on the backend and how we can experience it on the frontend.

Happy to be part of the design infrastructure team at Slack; building tools to help designers and engineers collaborate more efficiently.

Outside of technology, I love spending time with my family and hiking in the NC mountains

Experience
What I use

Projects

  • CSS infrastructure

    As technical lead of CSS infrastructure at Slack, I've implemented technologies that help engineers write code safer and more efficiently; while also developing a migration path for our legacy build system to a unified architecture that provides the same benefits to all parts of the product. I'm an advocate for modern practices, that help us rely less on client-side logic for more performant experiences.

    Slack
  • Theming

    Technical and team lead for Slack's new theming infrastructure across desktop, iOS, and Android. Developed migration methods across thousands of assets, while simplifying both the storage, application, and manipulation of color preferences throughout each platform.

    Slack :: Figma
  • Design tokens

    Build tool that uses Figma design primitives to scale across desktop, iOS, and Android. This design system is the basis for all experiences across Slack; which also includes custom Lightning CSS transforms to enable engineers to reference generated values quickly.

    Slack :: Figma
  • Icon automation library

    Build tool that integrates with the Figma API to extract and create SVG icons for use across desktop, iOS, and Android. This library takes the place of an antiquated process which normally took hours; can now be built and released across all Slack platforms in minutes.

    Slack :: Figma
  • Wes Anderslack

    While the original was lost to time, I decided to bring back a fan-favorite; honoring a great director of some of my favorite movies.

    Next.js :: React Aria Components :: Tailwind CSS
  • Profile

    Personalized eBay seller profiles; the way they should be.

    Next.js :: React Aria Components :: Tailwind CSS
  • Collection

    Curated lists of eBay items; no filters needed.

    Next.js :: React Aria Components :: Tailwind CSS
  • List

    The best experience for monitoring activity on multiple eBay search terms.

    Next.js :: Radix UI :: Tailwind CSS
  • Sold

    Toolkit for gauging market-prices and trends on eBay.

    Next.js :: React Aria Components :: Tailwind CSS

Articles