code

AI Artifacts - Open Source Anthropic Claude Artifacts

This app is an open source version of Anthropic’s Artifacts UI in their Claude chat app.

This app is using E2B’s Code Interpreter SDK and Core SDK for AI code execution. E2B provides a cloud sandbox to run AI-generate code securly and can handle installing libraries, running shell commands, run Python, JavaScript, R, and Nextjs apps and more.

Features

• Anthropic Claude Sonnet 3.5 model for AI code generation
• Code Interpreter SDK from E2B for secure AI code execution using sandboxes
• Vercel AI SDK for tool calling and streaming responses from the model
• Supported AI-generated code
  • ✅ Running AI-generated Python in Jupyter notebook
  • ✅ AI-generated Next.js apps
  • ✅ AI-generated Streamlit apps
  • TODO: vanilla JS/TS, R
• TODO: Stream AI-generated code

1. Install dependencies

npm i

2. Set API keys

Create a .env.local file and set the following:

# Get your API key here - https://e2b.dev/
E2B_API_KEY="your-e2b-api-key"
ANTHROPIC_API_KEY="your-anthropic-api-key"

3. Run

npm run dev