工具介绍
Tempo 是一个面向 React 应用开发的 AI 编程工具。它把自然语言生成、可视化页面编辑和真实代码工作流结合在一起，适合团队从产品想法、设计稿或组件库出发，快速生成可继续开发的前端页面，而不是只停留在静态原型层面。
核心功能
Tempo 支持用文字描述生成 React 应用和界面，也支持在浏览器里通过可视化方式选择元素、调整布局并同步到代码。团队可以导入 Figma 设计稿，接入 Storybook 组件库，并通过 GitHub、VSCode 和本地开发流程继续修改。对于已有工程规范的团队，Tempo 更适合作为前端原型和界面初稿工具，再由工程师完成状态管理、接口、权限和测试。
适合场景
产品团队可以用 Tempo 快速把需求想法变成可演示页面，设计工程师可以把设计稿和组件库转成可运行的界面，前端工程师可以用它处理重复页面搭建、布局调整和组件组合。独立开发者也可以用它更快启动管理后台、落地页、应用壳和交互原型。
使用边界
Tempo 生成的是前端代码和界面初稿，复杂业务逻辑、后端接口、鉴权、性能优化、可访问性和测试仍需要工程师负责。导入设计稿或组件库前，要确认命名、变体、样式令牌和工程结构足够清楚。涉及生产环境发布时，应经过代码审查、依赖检查和安全测试。
常见问题
Tempo 属于哪个分类？
它主要面向 React 前端生成和代码工作流，适合放在 AI编程 分类。
它能接入真实代码吗？
可以。页面展示了 GitHub、VSCode、本地开发和 Storybook 相关工作流，适合继续开发真实项目。
是否支持免费使用？
价格页展示免费方案，同时提供 Pro 和面向代理工作流的更高阶方案，具体额度以价格页为准。
使用前要准备什么？
最好准备清晰的页面目标、组件库、设计稿和验收标准，这样生成的前端代码更容易被团队继续维护。