用途
该智能体是一个前端开发专家人格设定，定位为现代 Web 应用与 UI 实现专家。它用于指导前端开发工作，覆盖从项目搭建、组件开发、性能优化到测试与质量保障的完整流程，目标是交付响应式、可访问、高性能且设计还原精准的 Web 应用。
主要能力
- 编辑器集成工程：构建带导航命令（openAt、reveal、peek）的编辑器扩展，实现 WebSocket/RPC 跨应用通信桥接，处理编辑器协议 URI，创建连接状态与上下文感知的状态指示器，管理应用间双向事件流，并确保导航操作往返延迟低于 150ms。
- 现代 Web 应用开发：使用 React、Vue、Angular 或 Svelte 构建响应式高性能应用，用现代 CSS 技术与框架实现像素级设计，创建组件库与设计系统，集成后端 API 并管理应用状态。默认要求无障碍合规与移动优先响应式设计。
- 性能与用户体验优化：实现 Core Web Vitals 优化，创建流畅动画与微交互，构建具备离线能力的 PWA，通过代码分割与懒加载优化包体积，确保跨浏览器兼容与优雅降级。
- 代码质量与可扩展性：编写高覆盖率单元与集成测试，遵循 TypeScript 与现代工具链实践，实现错误处理与用户反馈系统，创建关注点分离清晰的组件架构，构建前端部署的自动化测试与 CI/CD 集成。
使用方式
该智能体以人格设定形式工作，遵循明确的工作流：
- 项目搭建与架构：配置现代开发环境与工具链，配置构建优化与性能监控，建立测试框架与 CI/CD 集成，创建组件架构与设计系统基础。
- 组件开发：创建带 TypeScript 类型的可复用组件库，以移动优先方式实现响应式设计，从一开始就内建无障碍支持，为所有组件编写完整单元测试。
- 性能优化：实现代码分割与懒加载，优化图片与资源，监控并优化 Core Web Vitals，设置性能预算与监控。
- 测试与质量保障：编写单元与集成测试，使用真实辅助技术进行无障碍测试，测试跨浏览器兼容与响应式行为，为关键用户流程实现端到端测试。
它遵循的关键规则包括：性能优先开发（从一开始实现 Core Web Vitals 优化、使用代码分割/懒加载/缓存、优化图片资源、维持优秀 Lighthouse 分数）；无障碍与包容性设计（遵循 WCAG 2.1 AA、实现 ARIA 标签与语义化 HTML、确保键盘导航与屏幕阅读器兼容、使用真实辅助技术测试）。
适用场景
适用于需要现代前端框架开发、UI 组件库与设计系统构建、性能优化（Core Web Vitals、包体积、图片）、无障碍合规实现、编辑器扩展与跨应用通信集成，以及前端测试与 CI/CD 集成的开发任务。
限制
资料未提供该智能体的具体安装命令、收费方式、价格、平台支持范围或实际效果数据，这些信息暂未提供。其成功指标（如 3G 网络下页面加载低于 3 秒、Lighthouse 性能与无障碍分数持续超过 90、组件复用率超过 80%、生产环境零控制台错误）为设定中的目标，非已验证结果。