Embed live code editors in web apps with instant preview. Sandpack by CodeSandbox powers interactive coding experiences for AI chatbots, docs, and educational platforms.
这里应该同时让用户和 Agent 知道第一步该复制什么、安装什么、落到哪里。
npm install @codesandbox/sandpack-react一行组件嵌入可编辑代码 + 即时预览。
CodeSandbox 的开源实时代码编辑器组件。浏览器内编辑代码并即时预览，Claude.ai artifacts 和 Vercel v0 均使用。
一句话总结：实时代码编辑器组件，浏览器内编辑+即时预览，Claude.ai artifacts 和 Vercel v0 使用，支持 React/Vue/Angular，零服务器，5k+ stars。
适合人群：AI 聊天和平台需要代码实时预览的开发者。
Q: 需要服务器？ A: 不需要，浏览器内打包运行。
Q: Claude.ai 怎么用的？ A: Claude artifacts 用 Sandpack 渲染生成的 React 代码。
codesandbox/sandpack — 5k+ stars, Apache 2.0
Modern Python web framework for building AI backend APIs. FastAPI provides automatic OpenAPI docs, async support, Pydantic validation, and the fastest Python web performance.
Universal dev tool version manager replacing nvm, pyenv, and rbenv. Mise manages Node.js, Python, Go, Rust, and 100+ tools with project-level version pinning and env vars.
Search engine built for AI agents with semantic understanding. Exa returns clean content (not links) using neural search, ideal for RAG pipelines and research automation.