Tempo
Tempo适合前端。面向 React 应用的 AI 前端构建工具，可生成和编辑 UI。AI工具箱整理官网入口、工具详解、功能说明、使用指南和同类工具。
分类：AI编程工具
标签：编程,前端
工具简介
面向 React 应用的 AI 前端构建工具，可生成和编辑 UI。
工具详解
Tempo 更适合被看作代码优先的产品协作和 React 应用构建工作台，而不是传统低代码平台。它把 PRD、设计、真实 React 代码和编码 Agent 放在同一个协作空间里，让产品经理、设计师、工程师可以围绕同一个功能从用户流、界面、组件到 pull request 连续推进。对 React 项目来说，它的特点是直接编辑生产代码，而不是只生成一份与代码脱节的设计稿。 典型工作流是先在画布或文档里梳理用户流程和规格，再用可视化方式调整组件、布局和样式，随后把 Claude Code、Codex 或 opencode 这类编码 Agent 接入实现细节。Tempo 支持把每个任务与规格、设计和 PR 关联起来，适合需要缩短产品、设计、开发交接距离的团队，也适合在已有 React 代码库上做界面迭代。 它的边界是技术栈聚焦明显，尤其适合 React 和前端产品界面，不应被当作所有后端、移动端或复杂基础设施开发的统一答案。使用时仍要审查生成代码、组件复用、状态管理、路由、权限和性能。对于大型团队，还要明确谁负责最终合并、设计系统变更如何评审，以及 Agent 生成代码进入主分支前需要经过哪些测试。 Tempo 更适合放在产品到前端实现的交接地带。团队可以先用它把需求拆成页面和用户流，再让设计、产品和工程同时检查界面、规格与代码是否一致。对于已有 React 项目，它尤其适合处理组件拼装、页面迭代、样式调整和 PR 协作；但如果项目有复杂后端状态、权限系统或跨端逻辑，Tempo 生成的前端改动仍需要工程师补齐数据契约、错误处理和测试。 如果团队已有设计系统和组件库，Tempo 的生成结果应尽量回到既有组件体系中，避免形成难以维护的平行实现。
分类与标签
AI编程工具，标签：编程,前端