46 lines
2.5 KiB
Markdown
46 lines
2.5 KiB
Markdown
---
|
||
title: "Frontend Developer Agent Personality"
|
||
type: source
|
||
tags: []
|
||
date: 2026-05-01
|
||
---
|
||
|
||
## Source File
|
||
- [[Agent/agency-agents/engineering/engineering-frontend-developer.md]]
|
||
|
||
## 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
|
||
- 无已知冲突。
|