**你的使命** 打造一个高性能、高灵活性的数字平台，赋能营销团队无需编写代码即可构建复杂页面布局。你将采用以AI为先的开发工作流（使用Cursor、Claude等工具），加速交付像素级精准、组件驱动的架构，该架构需达成顶级性能指标（Lighthouse评分95分以上，最大内容绘制时间LCP < 2.5秒），并能以优雅的回退机制处理复杂的AI交互。 **职位概述** 我们正在寻找一位具有前瞻思维的前端开发工程师，主导构建一套现代化、解耦式的Web生态系统。这并非一次标准网站开发；你将基于React、Vue或**Next.js（React）**，通过GraphQL连接现代无头CMS，构建一套**无头架构（Headless Architecture）**。 你将在创意构想与技术实现之间架起桥梁，构建一套模块化的“基于区块的页面构建器”系统。本职位的独特之处在于其**AI增强型开发方法**：我们期望你熟练运用先进的AI编程助手，编写更简洁的代码、自动化样板逻辑，并比传统方式更快地解决复杂逻辑问题。 该职位要求兼具**性能工程能力**与**AI增强型开发能力**。你将构建可同时响应实时用户查询与长时间异步AI任务的用户界面，确保即使在高负载下，用户体验依然流畅无缝。 **核心职责** * **开发组件库：** 使用VueJS、React或**Next.js**等现代Web框架构建一套健壮的可复用UI组件系统，严格遵循视觉设计规范及WCAG无障碍标准。 * **构建“无代码”页面编辑器：** 开发一套模块化、基于区块的页面构建器，使内容创作者能够动态组装灵活的页面布局，实现内容与代码的彻底解耦。 * **性能工程（至关重要）：** 你须确保达成严格的SLA目标：**Lighthouse评分95分以上**，且**最大内容绘制时间（LCP）低于2.5秒**。你必须精通缓存策略、代码包分割及图像优化技术。 * **弹性AI用户界面集成：** 为生成式AI搜索构建用户界面，支持**优雅降级（Graceful Degradation）**。当AI引擎响应变慢或发生故障时，你的界面须即时回退至标准搜索/内容视图，且不中断用户体验。 * **异步任务管理：** 实现通知、提示框、进度条等UI模式，以处理异步后台任务（如AI内容生成），确保用户无需被动等待。 * **GraphQL数据层：** 设计前端架构，通过**GraphQL**获取公开站点数据（以提升速度），并通过REST API完成安全后端集成。 * **AI加速开发：** 主动使用AI工具（Cursor、Claude CLI、Gemini）生成单元测试、重构代码并快速原型化功能。 **核心技能与能力** * **技术栈：** 在VueJS、**React.js**、**Next.js**（服务端渲染/应用路由）、**TypeScript**方面具备深厚专业知识。 * **数据获取：** 精通**GraphQL**（如Apollo或TanStack Query等客户端），以最小化数据载荷体积。 * **性能优化：** 具备优化核心网页指标（LCP、CLS、INP）的实战经验，并熟悉边缘计算/CDN缓存策略。 * **AI辅助工作流：** 熟练使用AI编程工具（Cursor、Claude CLI）以加速开发周期。 * **安全意识：** 理解前端安全最佳实践（如令牌处理、确保PII信息不在浏览器控制台中被记录）。 * **测试能力：** 能借助AI工具为“关键渲染路径”生成测试套件，确保性能基准永不退化。 **必备技术栈** * **核心：** React.js、Next.js（应用路由）、TypeScript。 * **数据：** GraphQL（Apollo/TanStack Query），用于提升公开站点访问速度。 * **AI工具：** Cursor、Claude CLI（必须熟练掌握）。 * 代码版本控制：Git **专业精熟领域** * **组件驱动开发（CDD）：** 将复杂视觉设计拆解为原子化、可复用的软件组件。 * **优雅错误处理：** 设计“故障安全（Fail-Safe）”型用户界面，即使下游AI服务或API出现延迟，界面仍能完美运行。 * **生成式UI模式：** 掌握如何设计可处理大语言模型（LLM）流式文本输出及长度可变答案的用户界面。 * **隐私优先型UI：** 具备实施强健Cookie同意管理器及“选择加入（Opt-In）”追踪UI逻辑的实际经验。 职位类型：全职 薪资：每月30,000.00美元 – 45,000.00美元 工作地点：远程