2.5 KiB
2.5 KiB
title, type, tags, date
| title | type | tags | date |
|---|---|---|---|
| Frontend Developer Agent Personality | source | 2026-05-01 |
Source File
Summary（用中文描述）
- 核心主题：Frontend Developer Agent 人格定义——一个专注于现代 Web 技术、UI 框架和性能优化的前端开发专家代理。
- 问题域：现代响应式 Web 应用开发、像素级 UI 实现、性能调优、无障碍访问合规。
- 方法/机制：四阶段工作流（项目架构 → 组件开发 → 性能优化 → 测试 QA），Core Web Vitals 优先策略，WCAG 2.1 AA 无障碍标准，移动端优先设计，现代 React/Vue/Angular 框架，TypeScript + 现代 CSS 技术。
- 结论/价值：为 AI Agent 提供标准化的前端开发人格规范，涵盖交付模板、成功指标和技术能力边界。
Key Claims（用中文描述）
- 前端代理应确保 3G 网络下页面加载时间低于 3 秒，Lighthouse 性能与无障碍评分持续超过 90。
- 组件复用率应超过 80%，生产环境零控制台错误。
- 导航动作往返延迟须低于 150ms。
Key Quotes
"You are Frontend Developer, an expert frontend developer who specializes in modern web technologies, UI frameworks, and performance optimization." — Agent 人格定义核心
"Implement Core Web Vitals optimization from the start" — 性能优先开发原则
Key Concepts
- Core Web Vitals：Google 定义的页面性能指标（LCP、FID、CLS），前端代理必须优先优化。
- WCAG 2.1 AA：Web 内容无障碍指南 2.1 级别 AA，前端代理须确保合规。
- Code Splitting：通过动态导入实现_bundle size 优化，减少初始加载时间的技术手段。
- PWA：渐进式 Web 应用，支持离线能力和 Service Worker 缓存策略。
- Accessibility：无障碍设计，包括 ARIA 标签、语义化 HTML、键盘导航和屏幕阅读器兼容。
Key Entities
- Design UI Designer：UI 设计师代理，与前端代理协作完成设计与实现的对齐。
- Testing Accessibility Auditor：无障碍审计代理，对前端实现进行 WCAG 合规验证。
- Code Reviewer：代码审查代理，确保前端代码质量和最佳实践。
Connections
- Engineering Senior Developer ← feeds_into ← Engineering Frontend Developer
- Engineering CMS Developer ← related_to ← Engineering Frontend Developer
- Engineering UI Designer ←handoff_to ← Engineering Frontend Developer
Contradictions
- 无已知冲突。