主要特性:
• 自然语言描述需求,AI 自动生成组件代码
• 基于 Tailwind CSS ,生成的组件样式统一
• 支持生成完整组件库,不仅仅是单个组件
• 实时预览,基于 react-live
• Next.js 15 + TypeScript 技术栈
使用场景:
- 快速原型开发
- 构建设计系统
- 减少重复的组件编写工作
- 团队协作时保持代码风格一致
技术实现:
- OpenAI API 进行代码生成
- AST 解析优化代码结构
- Server-Sent Events 实时更新
- 支持组件下载和代码导出
GitHub:
https://github.com/murongg/open-components