前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 场景篇按分类整理的大前端场景考点
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 场景篇按分类整理的大前端场景考点
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版
返回 AI 情报前线
All News · 全部资讯9848
  • Muninn开源:从零构建记忆系统挑战Mem0/Tencent排名
  • 多模态LLM管道:token计费如何击穿产品成本
  • LLM推理优化:量化压缩与成本控制实战
  • LangGraph有状态智能体检查点的三次踩坑总结
  • AI代码审查应作遥测而非临时评论——建立决策台账
  • Ray 分布式框架 CVE-2025-62593 远程代码注入漏洞已被积极利用
  • 2026 年 AI 工程师招聘:三个真正有用的技能
  • 2026年AI工程师招聘看重的三项实战技能
  • dejavu: 让AI编码Agent记住失败教训的开源插件
  • 利用Hugging Face与RAG构建本地GPU合规审查系统
  • C++令牌桶限速器通过全部单元测试,却败给NTP时钟跳变
  • 模型没问题,是token假设出错:长文本分类静默降级根因
  • 重试循环是Token焚烧炉:分级端点级联路由设计
  • OpenBin.ai:免费AI反编译器实战恶意软件分析
  • trustmcp:MCP服务器安全扫描CLI工具
  • AI 与基础设施工程:实践指南
  • MCP在生产环境失败的三个根因分析
  • 我用 agent.md 提升 LLM 辅助代码质量
  • Slack 推出 Code 功能:AI 编程 Agent 直接在频道内写代码
  • 开源 CLI 用 AI 自动修复 Terraform 漂移
  • 我用AI编码一年:全流程 agent 实践复盘
  • 免费额度用调试:AI 辅助调试的高价值工作流
  • AI编码代理的令牌预算事后分析
  • 开源前端AI代码基准OpenVibeEval
  • 与其跑模型基准,不如用免费Token模糊测试自己的代码
  • AI记忆不用向量库:SQL在百万元素规模更实用
  • rag-mcp:用LanceDB+Tantivy实现本地混合搜索MCP服务
  • 一文读懂MCP、Skills与Plugins的区别
  • GLM-5.3开源版性能比肩Anthropic/OpenAI,成本仅五分之一
  • AI编程Agent生成PR时测试覆盖率严重不足
  • Browser Agent误读React-Select:写入可见文本却未提交实际值
  • MCP协议新路线图:五大改进方向直击生产级痛点
  • 实时AI规模化落地为何这么难
  • Oraclebone:让AI占卜脚本可审计,结果不由模型捏造
  • Firecrawl vs Jina Reader vs Tavily:RAG 网页抓取工具实战对比
  • Node.js 语音转文字的三段式验证架构
  • AI编程记忆系统为何仍败给文本文件
  • HTML 转 Markdown 真实压缩率:基准测试忽视的真相
  • Mistral Small 3.2 24B 实测:单 GPU 可运行的开源模型
  • 用版权数据训练AI模型:法律风险深度分析
  • AI编码Agent六小时修复412个无障碍违规的实战复盘
  • 本地LLM与官方Demo效果差异:KL散度的幕后影响
  • Chrome 扩展 MV3 工程实战:零崩溃架构与隔离上下文设计
  • Azure OpenAI PTU vs 按量付费:真实盈亏平衡表
  • OpenAI前沿模型已能发动复杂网络攻击,内部暂停部分训练加强安全
  • Python 异步代码仍在阻塞?事件循环饥饿的诊断与修复
  • AI Agent 防火墙实战:从 73 到 1600+ 测试用例的安全护栏设计
  • AI Agent 盲路由:不暴露内网拓扑的消息传递方案
  • 开源模型医疗落地:SWE-bench 80.6% 成绩与离线部署架构
  • Q Developer:一键让AI读项目、改代码、执行命令
  • AI编程 agents 遗忘症:持久记忆方案Tacit
  • 已加载 51 / 9848
8.0
热点
AI SCORE
编程提效2026-08-24 01:28

我用AI编码一年:全流程 agent 实践复盘

dev.to · AI#AI Coding#Agent工作流#工程实践
Editor brief · 编辑速览

作者分享如何用AI coding agent完成从Jira需求到staging部署的完整流程,并讨论了工具选型(shadcn/Tailwind/React Query)与团队协作模式。

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

完整中文译文

By the end of this post, you'll learn how I work faster with coding agents and run more work in parallel.

Development looks very different form a year ago.

I can't remember the last time I wrote a line of code myself. Over time, I've built workflows and systems that let me trust agents with much more of the development process.

I was also fortunate to start working on a large greenfield project right when agentic coding started picking up. For the project, I intentionally chose popular, battle-tested tools like shadcn, Tailwind, and React Query. They're well documented and widely used, so agents already understand most of the patterns around them.

The project had six frontend developers working on it at its peak — the largest frontend team I've worked with on a single project. While the team was building features, I was working on our custom coding agent.

After multiple iterations, it can now gather requirements from Jira, Slack threads or Figma, implement a feature, write tests, resolve PR comments, fix CI issues and ship to staging for review — all without a human in the loop.

And we've started shipping a lot more code because of it. It has reached a point where one of the most common questions in my team is — "How can I work on multiple things in parallel?"

But before you start running five agents at once, you need a good workflow for running one.

Here's how I approach both.

Working on a Single Feature, But Better

Let's say you're working on building a login feature end to end.

You don't jump into dev right away, you'd probably ask your agent to write a spec for you. Most devs would run an agent and ask it to implement the spec. The agent would most likely finish it but it takes a lot more time and you only see the result in the end.

Here's how I'd do it.

I will ask my agent to write a technical spec. This will involve exploring the codebase and coming up with contracts. This is where I would agree on the seams and review the contracts between different modules — UI, Redux/RQ, APIs and DB schema.

Next, I would ask my agent to break down the spec in phases, where each phase is verifiable by me or the agent itself. Also, I'd ask my agent to tag the phases based on whether they can be worked on in parallel.

I'd ask the agent to implement the plan and also let it run subagents for parallel work.

Note: I store the spec and phased-plan somewhere. Usually, I store it in a .tmp directory in my codebase. This is important if I wanna run multiple agent sessions for a large piece of work. I've added .tmp to .gitignore so it only lives on my system and isn't tracked.

I have skills for all these steps, so I don't hand hold my agent every time.

Parallel Agents

This workflow not only gives me more time back but also gives me the confidence that the agent has built what we both initially agreed upon.

I've been building flowflight — a focus timer for coding with music or white noise. Give it a try if that sounds like your thing. ❤️

Working on Multiple Features, At Once

This is the next phase.

You've figured out how to build one feature well. Now it's time to run parallel agents for different features at the same time.

But one codebase can only have a single branch checked out. So how do you work on different features?

A few months ago, when I ran into this exact problem, I made a copy of my codebase and opened two editors. It became messy pretty quickly, and I thought there had to be a better way.

That's when I found Git Worktrees!

Worktrees have been around since 2015, but they've got more relevant recently when the world started moving faster with agentic coding.

Let's say you're working on the same login feature and you've got an urgent hotfix to ship. Traditionally, you'd stash your work, check out a different branch, deploy your fix, come back to your branch and pop your stash back. This is okay but it can be better — faster!

Here's how I'd do it:

Create a worktree. (without stashing my work)

git worktree add ../hotfix-tree -b hotfix main

This will instantly create a directory beside my current working directory and create a new branch hotfix based on main. I can open it in another editor, fix the issue, and push it.

code ../hotfix-tree
git add .
git commit -m "fix: add validation for email"
git push

Once I'm done, I can remove the worktree from my original directory.

git worktree remove ../hotfix-tree

And this isn't limited to bug fixes.

You can create multiple worktrees and run an agent inside each one, with every agent working independently on a different feature.

It's basically multiple branches, checked out and worked on at the same time.

A few things to keep in mind:

Each worktree will have its own copy of dependencies, so you may run into disk space issues.

Git prevents you from checking out the same branch in multiple worktrees. This is to prevent data corruption.

I hope this post makes your workflow better and you ship a lot more code faster. Happy building! ✌️

Original source

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

阅读英文原文
上一篇
开源 CLI 用 AI 自动修复 Terraform 漂移
下一篇
免费额度用调试:AI 辅助调试的高价值工作流