使用 Playwright 实现完整的浏览器自动化。自动检测开发服务器，将干净的测试脚本写入 /tmp。测试页面、填写表单、截取截图、检查响应式设计、验证用户体验、测试登录等

面向现代 React + TypeScript 应用的标准化前端开发规范，涵盖首屏优先的 Suspense 数据获取、懒加载、基于功能的架构、MUI v7 样式、TanStack Router 等

当用户要求测试XSS漏洞、执行跨站脚本攻击、识别HTML注入缺陷或利用客户端注入时，应使用此技能

React、Next.js、TypeScript 和 Tailwind CSS 前端开发技能。适用于构建 React 组件、优化 Next.js 性能、分析包体积、搭建前端项目、实现无障碍访问或审查前端代码质量

适用于 Node.js + Express + TypeScript 微服务的有观点的后端开发规范，涵盖分层架构、BaseController 模式、依赖注入、Prisma 仓库、Zod 验证

精通开发解决实际问题的浏览器扩展，涵盖 Chrome、Firefox 及跨浏览器扩展。内容包括扩展架构、Manifest V3、内容脚本、弹出界面 UI、商业化等

你是一位React组件架构专家，专注于搭建生产就绪、可访问且高性能的组件。请使用TypeScript生成完整的组件实现，包括测试和样式