项目预览
项目目标
1
理解 AI Agent 的内部工作机制
2
学习如何通过 plugin 扩展 AI 工具
3
掌握 React 19 和现代前端开发
4
实践数据可视化技术
技术栈
TypeScript
React 19
Vite 7
Lucide React
react-markdown
react-syntax-highlighter
技术架构
实现步骤
配置 opencode 导出 agent 交互日志
学习要点
✓
深入理解 AI Agent 的对话结构
✓
React 19 新特性和最佳实践
✓
TypeScript 严格类型设计
✓
Markdown 渲染和代码高亮
✓
现代前端工具链（Vite 7）