描述
Atheros AI Builder 是一个用于生成和管理用户界面组件的 AI 工具，旨在为希望获得可用于生产的代码而非静态模型的开发人员和设计师提供服务。它结合了超过 340 个优质组件模板的库和一个 AI 生成层，可以根据提示、截图或现有模板构建新组件。
阅读更多
生成从输入开始：描述组件的文本提示、上传的截图以重新创建，或从模板库中选择的起始点。Atheros 通过其称为 Atheros 路由器的系统处理请求，该系统权衡复杂性、成本和质量，以选择三种模式之一：Auto 以获得最佳通用适配，Ultra 以获得最精细的视觉效果，或 Flash 以获得最快的周转时间。单个组件是根据项目的 design.md 文件生成的，该文件包含其设计标记、类型和间距规则，并在被视为完成之前经过测试、可访问性和对这些标记的遵循验证。一个项目可以在一个共享的 design.md 下包含多个组件，以及一个 builder.md 文件，该文件记录生成组件应遵循的堆栈和编码模式。
构建完成后，组件或项目可以通过三种方式交付。它可以导出为 React、原生 JavaScript 或 TypeScript 的代码。它可以通过 Atheros MCP 服务器直接拉入 AI 编码代理，例如 Claude Code、Codex 或 Cursor，在那里代理可以搜索组件库，获取特定模板，并在不离开其自身界面的情况下验证项目与其设计和构建文件的匹配。导出到 Figma，保留图层、自动布局和映射的设计标记，正在开发中。
Atheros 提供一个免费层，每月 30 个 AI 积分和最多 5 个生成组件，一个中级的 Atheros AI Pass，包含 300 多个优质组件和每月 500 个积分，起价为每月 15 美元（按年计费），以及一个 Atheros AI Ultra 层，包含前沿模型、每月 2000 个积分和最多 700 个组件，起价为每月 39 美元（按年计费）；按月计费的两个付费层费用更高。可以以包的形式购买额外的 AI 积分。
Atheros AI Builder 专为希望生成与其自身设计系统和编码规范相匹配的界面组件的团队而设计，并希望这些组件既可以作为导出代码访问，也可以直接在 AI 编码代理的工作流程中访问。
- 类别AI UI/UX 设计工具
- 定价模式订阅制
- 部署云端
- 平台网页版
Atheros AI Builder的核心功能
从文本提示或上传的截图生成 UI 组件
超过 340 个优质、可用于生产的组件模板库
具有 Auto、Ultra（质量）和 Flash（速度）模式的 AI 路由器
根据项目的 design.md 标记、可访问性和测试规则验证组件
builder.md 保持生成组件与项目编码模式的一致性
导出为 React、原生 JavaScript 或 TypeScript
通过 Atheros MCP 连接到 AI 编码代理（Claude Code、Codex、Cursor）
导出到 Figma，保留图层、自动布局和映射的设计标记（即将推出）
如何使用 Atheros AI Builder？
开始一个组件：输入提示、上传截图或从库中选择模板。
让路由器选择模式：Atheros AI 为请求选择 Auto、Ultra 或 Flash。
审查构建：检查生成的组件是否符合其测试、可访问性和设计标记。
分组到项目中：在一个共享的 design.md 和 builder.md 下添加组件。
导出代码：下载为 React、原生 JavaScript 或 TypeScript。
连接 AI 代理：使用 Atheros MCP，以便 Claude Code、Cursor 或 Codex 可以直接提取和验证组件。
Atheros AI Builder的使用案例
- 设计系统组件
- AI 代理组件提取
- 截图到组件
- Figma 移交
