跳到主要内容

20 篇文档带有标签「frontend」

查看所有标签

Playwright 自动化测试方案

用官方 Playwright 最佳实践和仓库 issue 需求,解释前端团队什么时候该上 Playwright、第一条 smoke 应该怎么选,以及怎样把测试结果变成真正可交付的证据包。

PR / Handoff 模板

用统一结构写前端 PR 摘要和 handoff,方便 reviewer 和下一个接手人快速进入状态。

Risks / Next 模板

单独记录前端任务中的未覆盖风险、回滚入口和下一步建议,避免交付时假装全覆盖。

Skills 与 MCP

按前端任务形状选择 skills、Context7、Figma、浏览器和其他 MCP 能力,避免工具会用但入口错用。

上下文与规则

用 AGENTS.md、CLAUDE.md、工具 rules、Context7、MCP 和技能映射,把前端 AI 协作沉淀成长期机制。

仓库结构

用单应用、workspace、monorepo 和任务编排边界,让 AI 在正确目录里做正确改动。

任务 Brief 模板

用统一的前端任务 brief 锁定范围、设计输入、验收条件和媒体证据。

前端 AI 工作台

用 AI 协作把设计输入、框架实现、样式系统、质量门禁、仓库结构、测试交付和规则体系接成闭环。

命令与证据模板

固定前端任务中的 commands、截图、录屏和验证位置,避免证据散落。

工具匹配与选型

按前端任务形状选择终端入口、执行栈、IDE、浏览器与 Figma 协作方式,避免把所有 UI 任务都塞进同一种入口。

样式与设计系统

用 token、CSS variables、Tailwind 和组件变体约束,把 AI 生成的界面从模板感拉回到品牌化系统。

框架与组件生态

在 React、Vue、Next.js、Nuxt、Vite、状态层和组件基座之间做更适合 AI 协作的技术选择。

测试与交付

把组件测试、Playwright、预览验证和 PR 说明串成前端 AI 的默认交付闭环。

规则与规范文档

把 AGENTS.md、CLAUDE.md、任务 brief、PR 模板和前端长期合同拆开治理,避免所有规则都堆在一处。

训练包模板

汇总前端 AI 工作台里最常复用的页面输入包、任务 brief、命令记录、PR handoff 和风险说明模板。

设计到代码

用结构化设计输入、token 合同和阶段化实现路径,让 AI 更稳定地产出前端首版页面与组件。

质量门禁

把 TypeScript、ESLint、Oxlint、构建验证和 review 证据串成前端 AI 的默认质量护栏。

页面输入包模板

复制一套最小页面输入包,避免前端设计任务只剩整屏截图和模糊描述。