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