Skip to content

README.md

Latest commit

 

History

History
27 lines (18 loc) · 703 Bytes

README.md

File metadata and controls

27 lines (18 loc) · 703 Bytes

React + Vite Template for Claude Artifacts

This template provides a setup for running Claude-generated UI artifacts in a React + Vite environment with Hot Module Reloading (HMR).

Getting Started

  1. Clone this repository

  2. Install dependencies: bash npm install

  3. Run the development server: bash npm run dev

Using Claude Artifacts

To use your Claude-generated UI code:

  1. Locate the src/components/Artifact.jsx file
  2. Replace the contents with your Claude-generated artifact code

Adding a Route

  1. Create a new file in the src/views directory
  2. Add the file to the src/App.jsx file
  3. Add a link and meta info to the src/Home.jsx file to show it in the index