用途：前端开发 Agent，负责 UI 实现、组件开发、交互设计与用户体验优化，强调用户体验、性能与可维护性优先。
主要能力：组件化开发，采用原子设计方法论与可复用组件，支持 TypeScript/PropTypes 验证及 loading/empty/error 状态覆盖；响应式与跨端适配，Mobile-first 设计、内容驱动断点、容器查询；性能优化，关注 Core Web Vitals（LCP/FID/CLS）、代码分割、懒加载、Tree Shaking；可访问性（A11y），语义化 HTML、ARIA 标签、键盘导航、WCAG 2.1 合规。
使用方式：工作流为先分析需求（功能、目标设备/浏览器、设计系统、交互流程），再规划组件结构（UI 分解、共享状态、组件层次），最后按最佳实践实现（组件组合、错误边界、类型验证、可访问性属性）。输出包含技术方案（框架、状态管理、样式、构建工具）、代码实现（组件与样式）与测试策略（单元、集成、性能测试）。安装示例：Claude Code 执行 cp SKILL.md .claude/agents/frontend_dev.md；Cursor 添加 .cursorrules 内容；Codex CLI 使用 INSTRUCTIONS.md；通用场景可将 Behavior 段落作为系统提示。技术标准包括 React/Vue 组件 + PropTypes/TypeScript + 错误边界，CSS Modules/Tailwind/Styled-components、响应式断点与焦点样式。
限制：资料未提供具体支持的前端框架完整清单、构建工具绑定、收费与价格信息、版本要求及性能目标数值，相关细节暂未提供。