前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片NEW
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 查漏补缺常见问题解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
    • AI 定制路线NEW按你的简历现排
    • AI 知识地图NEW串起全站知识点
  • 动态
    • AI 热点NEWAI 每日动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
AI 助手NEW
旧版
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片NEW
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 查漏补缺常见问题解析
  • AI 模拟面试NEW模拟真实面试 + 报告
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
    • AI 定制路线NEW按你的简历现排
    • AI 知识地图NEW串起全站知识点
  • 动态
    • AI 热点NEWAI 每日动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
AI 助手NEW
旧版
返回 AI 情报前线
All News · 全部资讯8836
  • MCP Nexus 1.0:MCP工具路由与发现层,一个端点代理数百工具
  • MCP网关安全:AI Agent生产部署的鉴权与限流实战
  • GitHub安全实验室:AI驱动的模糊测试实战
  • Meta Muse 被曝可被诱导泄露全文件系统
  • Black Forest Labs 发布开源机器人控制模型
  • Google Cloud API Gateway原生支持MCP协议
  • 3 万次 AI Agent 调用审计:可验证收据机制实践
  • 用 AgentCore Gateway 和 MCP 构建跨账号 AI Agent 架构
  • AI 性能成本每年下降 13 倍,超越所有前代技术
  • Lovable年化收入超6000万美元,vibe coding进入主流
  • Agent失败的根本原因:从未定义"完成"的标准
  • Agent补丁审查策略:second process重放验证才能合并
  • 我用 Claude Code 九天给 47 个服务接入 OpenTelemetry 链路追踪
  • Google Gemini CLI新增文件修改确认机制
  • DeepSeek推理优化:内核补齐+通信重构,吞吐翻7倍
  • Hugging Face推出LFM2.5-VL-DSpark视觉语言模型加速方案
  • 管理 15 万 AI Agent 对数据库团队的挑战与变革
  • Cursor 收购 Firetiger 后一月推出代码变更生产追踪 Bot
  • OpenAI AI Agent 自主入侵澳大利亚政府网站
  • Claude Code 实际项目开发全流程复盘
  • Google Cloud Developer 插件让 AI 编码助手直连云端部署
  • OpenAI Agent 入侵澳大利亚 Medicare 统计门户
  • Google DeepMind负责人透露Gemini 4即将发布
  • Impeccable:AI 编程代理的确定性设计语言框架
  • AI Agent 生产环境失败启示录:构建攻击性测试
  • 金融合规监控系统的工程实践:数据管道、Agent 架构与审计日志
  • 2026 年十大 LLM 网关横评:语义缓存与多提供商故障转移
  • codebase-memory-mcp:毫秒级代码知识图谱MCP服务器,158语言支持
  • Strands Agents:开源AI Agent开发框架,支持Python/TS全生命周期管理
  • 2026年9大开源LLM网关生产级对比:Bifrost领先
  • 用 TigerGraph+MCP 构建自主欺诈调查 Agent
  • Jev 决策模型真实成本拆解:何时省钱何时烧钱
  • 开源CLM-8B:Agent动作评分比Jev快9倍
  • JEV:打破布尔二值困境的类型安全验证方案
  • Claude Opus 5.5降价40%逼近前沿性能
  • VS Code 1.139:Agent 会话首次加载提速约 12 倍
  • 定时 Agent 总重复干活?用完成分类账让它知道什么是「做完」
  • TypeSafe AI Jev 编码指南:类型化决策、置信度校准与推测式广播
  • Vercel Connect 新增 TanStack AI 集成
  • Anthropic与OpenAI 90分钟内相继降价
  • 选LLM API的六个价格陷阱
  • Agent记忆正常仍出错:问题在状态不在记忆
  • Mercury 2.5 推理速度达 770 tokens/秒
  • GitHub Copilot 代码审查新增个人配置选项
  • MCP单人上手容易,团队规模落地是另一回事
  • 影子测试100%一致率背后:模型实际正确率仅75%
  • 两个都通过的测试,代价却不同:重试的隐性成本
  • 定时运行AI Agent输出飘移的根因与修复
  • Anthropic如何两周将Claude.ai速度提升3倍
  • claude-code-templates:一键装配 Claude Code 开发套件,含 100+ Agent/MCP
  • 已加载 50 / 8836
8.0
热点
AI SCORE
编程提效2026-09-24 20:30

Claude Code 实际项目开发全流程复盘

dev.to · AI#Claude#Claude Code#AI开发流程
Editor brief · 编辑速览

AI 开发工作室 InterCode 分享使用 Claude Code 为真实客户构建生产系统的完整经验,展示 Claude 在代码生成、架构决策和界面层的三层集成实践。

文章思维导图
Knowledge map
拖拽缩放
Full translation

完整中文译文

现在关于"AI驱动开发"的讨论非常多。但大多数都很空泛——这里一个演示,那里一个聊天机器人小组件,一篇关于"编程未来"的博客文章。

我们想写一些更具体的东西:用 Claude 为真实付费客户从头到尾构建一个生产系统的实际过程。

在 InterCode,我们是是一家AI开发工作室。我们的团队由 Anthropic 颁发的 CCAR-F Claude 认证架构师组成。

这意味着 Claude 对我们来说不是一个边缘实验。它从第一天起就是我们系统架构的一部分。

实际上,这通常意味着 Claude 会出现在项目的多个层面,而不是在产品完成后再附加一个聊天机器人。它是系统构建方式的一部分,也是系统上线后做决策的方式,有时甚至是外观设计的一部分。

我们已经做过足够多次了,现在非常清楚每个层面在哪里真正发挥作用。以下是一个三个层面都有体现的项目拆解。

Claude 在技术栈中的位置

我们不会在事后"附加一个AI功能"。在这个项目中,Claude 运行在三个不同层面:

1. Claude Code — 用于构建本身

我们的工程团队在开发过程中全程使用 Claude Code:设计微服务架构、梳理数据管道设计、编写后端和前端代码。这是大多数工程师读到这儿会认得的层面——一个嵌入实际开发工作流程的 AI 结对编程工具,而不仅仅是自动补全建议。

2. Claude API — 用于产品本身的智能

这就更有意思了。Claude API 为多个产品内功能提供支持,现在客户的营销团队每天都在依赖这些功能:

  • 将房产特惠信息自动转化为优化后的广告文案
  • 对负面关键词进行分类和排除,利用房产层面的上下文而不是通用关键词列表
  • 摄取邮件中的报告和告警,发现异常情况和推荐操作——无需人工逐行阅读每份报告
  • 为内部自然语言聊天机器人提供支持,让营销团队可以直接向数据提问,而不必每次都新建一个仪表板过滤器

3. Claude 用于 UI/UX 设计工作

甚至平台的设计侧也借助了 Claude——从早期 UI 探索到打磨用户日常交互的实际仪表板体验。

关键不在于"为了用 AI 而到处用 AI"。每个层面都解决了一个具体的、枯燥的、昂贵的难题:手动撰写广告文案无法规模化,手动审查关键词列表无法规模化,手动阅读每封告警邮件无法规模化。Claude 在每个环节都消除了那个手动步骤,同时工程师仍然监督输出结果。

这个项目是我们为 Street Digital 构建的 BI 和营销自动化平台,这是一家服务豪华公寓社区的数字营销机构——取代了他们早期运作良好但无法跟上客户群增长的无代码方案。

为什么这不仅仅是一个案例研究

大多数公司不需要在现有产品上附加"一个AI功能"。

他们真正需要的是有人去审视真正的瓶颈在哪里。手动撰写广告文案、 manually review keyword lists by hand doesn't scale, reading every alert email by hand doesn't scale. Claude removes the manual step at each of those points, with engineers still supervising the output.

This particular project is a BI and marketing-automation platform we built for Street Digital, a digital marketing agency serving luxury apartment communities — replacing a no-code setup that worked fine early on but couldn't keep up once their client base grew.

手动审查关键词列表、手动阅读报告。

然后弄清楚这些问题中哪些可以由一个适当监督的 AI agent 完全接手,哪些仍然需要人工参与。这个判断确实很难做对。

正是在这里,同时理解工程侧和 Claude 实际能力的架构师才能产生差异。不是把 Claude 当作黑盒 API 调用,而是将其作为架构的一部分来对待。

Original source

本文由 AI 翻译整理自 dev.to · AI,原文版权归原作者所有。

阅读英文原文
上一篇
OpenAI AI Agent 自主入侵澳大利亚政府网站
下一篇
Google Cloud Developer 插件让 AI 编码助手直连云端部署