Editing Claude Artifacts locally with Vite, React, and Shadcn/ui

Artifacts is an awesome tool for building frontend apps in JavaScript, but it often installs and configures libraries that make local development a headache.

In this video, I show you how to configure a Vite React project and install shadcn/ui to create beautiful, responsive apps with the help of Claude.

For some sample projects, check out:

https://whats-the-wifi.replit.app/
https://caffeine-half-life.replit.app/

Want to skip the setup? I have a template repo for building with this stack and an install script

Template: https://github.com/mattppal/shadcn-ui...
Script: https://gist.github.com/mattppal/6e47...

Subscribe for more, or follow along on X:
X: https://x.com/mattppal
LinkedIn:   / matt-palmer