Claude 应用容器化部署:3 步跑通演示项目
【免费下载链接】claude-quickstartsA collection of projects designed to help developers quickly get started with building deployable applications using the Claude API项目地址: https://gitcode.com/GitHub_Trending/an/claude-quickstarts
想在本地跑一个能聊天、能画图、能操作浏览器的 AI 应用吗?claude-quickstarts 就是为这件事准备的:一个面向 Claude API 的示例集合,每个目录都是可直接部署的完整应用。它把「Claude 应用容器化部署」拆成了可复制的模板——网页聊天、数据分析、浏览器自动化、桌面计算机使用,照着各目录的说明改好配置就能运行,不用再从零搭环境。
四类即拿即用的场景
📊财务数据分析:上传 CSV、PDF 后直接对话提问,Claude 会生成柱状图、折线图等可视化并解释结论,适合做数据汇报的原型。
💬客户支持代理:给 Claude 接一个知识库,它基于文档回答用户问题并标出依据来源,演示了「检索 + 对话」的完整链路。
浏览器自动化:browser-use-demo/ 用 Playwright 在容器里给 Claude 一个浏览器,可以导航网页、读 DOM、填表单,比纯坐标点击更稳。
桌面计算机使用:computer-use-demo/ 让 Claude 截图、移动鼠标、敲键盘,在 Linux 桌面容器里完成端到端任务;computer-use-best-practices/ 则是 macOS 原生的教学版参考实现。
最小上手路径:先跑通一个
如果机器上有 Docker,推荐从 browser-use-demo 开始,一条命令拉起全部服务:
git clone https://gitcode.com/GitHub_Trending/an/claude-quickstarts cd claude-quickstarts/browser-use-demo cp .env.example .env # 填入 ANTHROPIC_API_KEY docker-compose up --build启动后打开 8080 端口就能和浏览器智能体对话,6080 端口可以看到它操作的画面。
更喜欢 Web 应用的话,财务分析示例只需要 Node.js 18+:
cd financial-data-analyst npm install && npm run dev在 financial-data-analyst/ 根目录放一个包含ANTHROPIC_API_KEY的.env.local文件,打开 3000 端口即可上传文件开始分析。
环境变量怎么配
所有模块真正需要的只有一个变量:ANTHROPIC_API_KEY,到 Anthropic 控制台申请即可。Docker 示例通过.env或-e参数传入;Next.js 示例写在.env.local;Python 示例可以直接 export 或放进.env。computer-use-demo 还提供预构建镜像,可以跳过本地构建直接docker run。
值得深入的三个目录
- computer-use-best-practices/:最像「教材」的一个模块。prompt caching、截图修剪、批量工具调用、轨迹回放都落地成了可读的代码,README 把每个设计决策的原因写得很清楚。
- autonomous-coding/:初始化 + 编码的双 Agent 模式,靠 git 和任务清单跨会话持续开发完整应用。
- managed-agents/:Managed Agents 会话配上 Chat SDK、CopilotKit 等多种聊天前端,演示生产化的会话管理。
结语
跑通第一个 demo 之后,建议按这个顺序继续:
- 照着 browser-use-demo/README.md 的 Usage Examples 换几个站点,观察它读 DOM 的方式;
- 精读 computer-use-best-practices/README.md 中关于缓存与截图修剪的章节,理解 token 成本是怎么压下来的;
- 打开 autonomous-coding/prompts/ 里的提示词模板,把 app_spec 换成你自己想做的应用。
仓库里每个模块都有自己的 README,遇到具体细节时直接翻对应目录的文档即可。
【免费下载链接】claude-quickstartsA collection of projects designed to help developers quickly get started with building deployable applications using the Claude API项目地址: https://gitcode.com/GitHub_Trending/an/claude-quickstarts
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考