返回技能中心
Storybook 故事生成器

Storybook 故事生成器

@lxgicstudios
developmentReactCode GenerationStorybook

使用 AI 自动从 React 组件生成 Storybook 故事。自动分析组件属性、状态和变体,生成完整的 CSF3 格式故事,包含控制项、边界情况和 TypeScript 类型,无需手动编写样板代码。

🚀 将你的 React 组件瞬间转换为完整的 Storybook 故事。只需指向一个组件文件,就能获得包含所有变体、控件和边界情况的完整生成故事——无需手动编写样板代码。一条命令,零配置。

💡 非常适合在现有项目中设置 Storybook、记录组件库或快速为新组件添加故事。节省数小时的重复工作,同时保持团队文档的一致性。

✨该工具智能分析你的属性类型和 JSDoc 注释,生成有意义的示例和真实测试数据——而不仅仅是占位符文本。支持 TypeScript,处理复杂属性类型,生成可进一步自定义的生产就绪故事。

GitHub

要求

OpenAI API Key

用于 AI 驱动的组件分析和故事生成