AI UI 组件生成器
构建一个从自然语言描述或线框草图生成 React、Vue 或 Svelte 组件的工具。包含属性、状态管理、样式、无障碍属性和 Storybook 故事。
code-generationaccessibilityui-componentsreact
目标
- 接受文本描述或简单草图/线框作为输入
- 生成特定框架的组件代码(React、Vue 或 Svelte)
- 包含正确的 TypeScript 类型、属性和状态管理
- 添加无障碍属性(ARIA 角色、键盘导航)
- 渲染实时预览并导出带样式的组件
提示
- 使用 GPT-4 Vision 解读提供的线框草图
- 同时生成组件和 Storybook 故事文件
- 在生成的样式中包含响应式设计断点