前端工程师的 AI 办事清单
负责网页界面开发与交互实现的工程师。常办的事点选填几下，AI 直接给能用的成品。不用学提示词，点进去就能做。
托我办：到点自动办，办完告诉你
盯着办
程序员看开发岗JD怎么判断技术栈匹配🔥做在线教育登录页模板🔥程序员面试模拟追问练习🔥做数据看板首页🔥状态怎么变、怎么回🔥删了能撤回多久🔥刷新后焦点留哪🔥写一份给产品同事的前端限制说明🔥生成前端调试检查清单🔥死循环卡死怎么排查🔥给代码加注释写文档🔥画个页面响应式断点示意流程图🔥生成Mock接口数据🔥生成图标缺失占位提示图🔥写会话超时续办交互规则文档🔥动效关了怎么显示🔥粘贴内容先预览🔥接口 JSON 转前端类型🔥生成前端路由配置数组🔥画前端状态流转图🔥写个能直接跑的fetch请求封装函数🔥写接口请求封装函数🔥整理项目里重复使用的工具函数清单🔥生成暗色模式CSS变量方案🔥提取网页里所有图片URL和alt文字🔥写接口文档给前端看🔥做网页小工具🔥做小程序工具登录授权页🔥企业官网SEO优化怎么做🔥做金融理财App登录页🔥做电商商城登录注册页🔥做社区论坛登录注册页🔥代码审查·重构🔥写前端界面和App代码🔥生成TypeScript接口定义文件生成多端适配检查清单没保存就退出怎么办重复提交怎么防分步任务断了怎么续键盘怎么按才顺定操作后多久给反馈换设备继续干之前的事多人同时改一个东西怎么合补全建议怎么选或取消已 push 的 commit误删的 git 分支怎么恢复找回画前端请求失败的重试策略流程图整理本周 Git 提交摘要生成前端组件 Props 文档给这个函数写 JSDoc 注释生成Web性能监控埋点代码把移动端截图转成CSS布局代码画组件交互流程图把设计稿转成CSS变量命名建议生成无障碍ARIA标签补全清单做暗黑模式适配做接口Mock服务给函数变量起好名字排查接口调不通解析流式返回做打字机效果视频播放进度条怎么做（可拖动跳转）做作品集网页做响应式适配网页做登录注册页空指针异常怎么排查修复依赖安装报错怎么解决写项目README写接口文档单位换算器怎么写生成暗色模式文本可读性检测图个人博客怎么免费搭建部署做拍照问答VQA应用怎么开发流式返回中文乱码断字怎么解决快捷键有没有冲突动效多久、怎么动弹窗关了焦点去哪结果变了怎么播报把原型转成开发能懂的说明删数据前要确认几次改筛选后页面跳哪提交出错后光标跳到哪git reset --hard修好这个正则表达式把报错日志转成修复建议生成 GitHub PR 描述模板生成前端错误边界兜底页生成前端请求拦截器代码生成 API 请求示例代码生成README功能说明段落写按钮点击弹窗的代码把英文报错信息翻译成中文把Git提交记录整理成技术周报把控制台报错堆栈精简成可读调试指引画个常见HTTP状态码速查图把这段正则表达式转成通俗中文解释把报错堆栈转成可读的调试建议画个WebSocket连接状态机图画页面加载状态流程图画当前页面的DOM结构简图画React组件树结构图把src目录结构转成Vite别名配置把设计稿转成HTML页面把CSS代码转成Tailwind类名写技术方案做静态站免费部署指引做静态站部署指引写接口调用文档写倒计时和进度条代码程序员开发日报怎么写秒杀活动倒计时怎么做（不跑偏）Mock登录接口和token鉴权列表分页接口怎么Mock文件上传接口怎么Mock测试做网页性能优化做导航站做后台管理系统登录页跨域报错怎么解决别人的代码看不懂求讲解给网页原型图写无障碍检查清单查可变字体能用哪些参数
先列 120 个，还有 38 个常办的事 ↑
前端工程师还常办这些事
在你自己的 AI 里也能办
用 WorkBuddy、Claude Code、Codex 的，接上硅菩提连接器，在那边说一句，这边的确认卡和成品照样能拿到。怎么接