350+ 生产组件
覆盖仪表盘、图表、聊天、认证、定价等 20+ 分类，支持 React + Tailwind、React + CSS Modules、Vanilla JS。每个组件都有实时预览，免费组件附完整源码，复制不要求注册账号。
官方说明 ↗
价格免费起，付费 $9.9/月起，按年计费
平台Web / API / Figma 插件
归类翻译与语言
收录2025-01-01
复核2025-01-01
编辑评分
4.3 / 5
★★★★☆
Atheros Learning编辑总结
Atheros 由三位产品设计与工程背景的兄弟创办，把 350+ 生产就绪的 UI 组件、AI 组件生成和 Atheros Learning 课程打包在一起。付费档从 $9.9/月起（按年计费），含整个平台。免费档每月 100 AI 积分、可保留最多 5 个自建组件；AI Pass 每月 750 积分、$15/月（按年）；AI Ultra 每月 2,500 积分、覆盖 20 个项目、最多 700 个组件、$39/月（按年）。所有生成内容归用户所有，个人、商用、客户项目均可。短板是官网未公开课程结构、单门课程时长与讲师背景。
Atheros Learning是什么？
Atheros 是一个面向开发者与设计师的前端 UI 资源平台，由三位来自产品设计与工程行业的兄弟创办——两位开发者、一位设计师。平台把「Atheros Builder」和「Atheros Learning」两块业务放在一起：前者提供组件库与 AI 生成能力，后者是专家主导的课程与指导。目前有 20k+ 开发者和设计师在使用。
Builder 侧的主力能力是 350+ 生产就绪组件，覆盖仪表盘、图表、聊天、认证、定价等 20+ 分类，支持 React + Tailwind、React + CSS Modules、Vanilla JS 等框架。每个组件可先看实时预览，免费组件直接给完整源码、无需注册即可复制；高级组件需要 Atheros AI Pass 或 Ultra。找到接近需求的组件后可「Clone & Modify with AI」拿到自己的副本，在工作区改代码，或用自然语言让 AI 应用修改。
平台还把组件接到了 AI 代理里：把 Claude Code、Cursor 或 Codex 连到 Atheros MCP 之后，代理可直接调用 search_components 找模板、get_template 拉源码与依赖、get_component 取私有库组件，并把文件写进项目；validate_project 会跑自动化测试，对照 Design.md 和 Builder.md 检查产出是否符合设计系统。组件还能通过 Figma 插件落地成真实的 Figma 图层，保留 auto-layout、颜色、渐变、阴影、圆角与字体。
Atheros Learning核心功能
AI 克隆与修改
对接近需求的组件点「Clone & Modify with AI」，即可在工作区拿到自己的副本。既可直接改代码，也可用自然语言描述改动交给 AI 执行。生成时选择框架，并可绑定设计系统。
官方说明 ↗AI 从零生成
在 Dashboard → Create 里描述想要的组件，选好框架和设计系统，AI 会生成一个完整的多文件组件。每次生成或修改按模型档次消耗 AI 积分。
官方说明 ↗Atheros MCP 接入
把 Claude Code、Cursor 或 Codex 接到 mcp.atheros.ai/v1，代理即可调用 search_components 检索组件、get_template 拉取源码与依赖、get_component 取私有库组件，并把真实文件写进项目。
设计系统校验
validate_project 会对产出跑自动化测试，对照 Design.md 与 Builder.md 校验是否符合设计系统。Builder.md 中的规范会约束每个组件与项目其余部分保持一致。
私有组件库
可生成一整套私有组件库，再通过 get_component 在任意项目中调用，用法与调用目录里的公共模板一致。AI Pass 最多可建 5 个自建组件，AI Ultra 覆盖最多 700 个组件。
Figma 图层导出
在 builder 里复制任意组件，粘贴进 Atheros Figma 插件，落地为可编辑的真实 Figma 图层：auto-layout 保留，元素带命名图层和 hug/fill 尺寸，颜色、渐变、阴影、圆角与排版按渲染结果还原。
三种生成模式
Auto 会根据需求自动挑选最合适的模型；Ultra 追求最好看的 UI；Flash 追求最快出结果。可在生成前于 composer 中切换，也可在设置里把偏好定为默认。
Atheros Learning值不值得用？
如果你已经有设计系统或 Design.md 规范，想把 AI 生成的前端组件直接落进项目、而不是生成一堆要重写的样式，Atheros 的 MCP + 校验链路省事最多；团队已经在用 Claude Code、Cursor、Codex 的话接入成本尤其低。个人开发者或想先试水的，免费档 100 积分/月够跑通一两次生成流程。但如果你的核心诉求是「找个便宜的课程学数字产品」，得注意 Atheros Learning 只是付费档附带的一整库课程，讲师背景。纯做设计、不碰代码的团队可以考虑 Figma 插件那条路径，否则组件的实际价值一半在代码里。
建议选它的情况
- 已有设计系统，希望 AI 生成的组件自动对齐 Design.md 规范的前端团队
- 日常用 Claude Code / Cursor / Codex，想把组件库接进 AI 代理工作流的开发者
- 想给客户项目产出可商用组件、又不想从零写样式的外包与代理公司
- 需要在 Figma 与代码之间保持同一套组件形态的设计+开发混合团队
不建议选它的情况
- 只想找一次性低价课程学数字产品的用户，付费档重心其实在 Builder 而非课程
- 完全不写代码、只需要设计稿的设计师，组件价值有一半在源码里
- 对生成量需求极小的偶发用户，免费档 100 积分/月已经够，付费档不划算
Atheros Learning使用建议
入门先把路子走对
- 先在 Explore 里搜进 Explore，用 search、分类筛选和框架筛选把范围收窄到 20+ 分类里的目标类型。每个组件都有实时预览，先看预览再决定克隆，比直接让 AI 生成省积分。
- 免费组件先复制免费组件带完整源码，复制时不需要注册账号。先用这批把项目骨架搭起来，把积分留给真正需要 AI 生成的自定义部分。
- 先写 Builder.md在让 AI 生成前，先把项目的 Builder.md 指南写好。validate_project 是拿它当标准跑的，规范越具体，校验结果越有用，返工越少。
- 接 MCP 用命令行用 claude mcp add atheros --transport http https://mcp.atheros.ai/v1 加好凭证头和 x-atheros-client 标识，连上后代理就能直接 search_components / get_template 并把文件写进项目。
进阶省时间也省钱
- 积分按需买不按月买月度积分每周期刷新、不结转；单独买的积分包永不过期。忙月用完月度积分时买 1,000 起的积分包，闲月不会浪费。
- 大额积分包有折扣积分包从 1,000 到 10,000 可买，量大最高有 13% 折扣。1k 档是 $28.40、合计单价比基础费率低到 0.95¢/积分，按实际用量一次买够更省。
- 按任务切模式要快速出结果切 Flash，要最好看的 UI 切 Ultra，不确定时让 Auto 挑。把最常用的那个在 Settings 里设成默认，省去每次手动切。
- 用私有库沉淀把项目里反复出现的组件用 get_component 收进私有组件库，下次任意项目直接调用，不用每次重新让 AI 生成，长期能省下不少积分。
Atheros Learning适合谁用？
前端开发团队
推荐已有 Design.md 或设计系统规范，希望 AI 生成的组件能自动过校验、直接写进项目文件，MCP 接入后可让代理在本地完成组件落地。
AI 代理工作流用户
推荐日常用 Claude Code、Cursor 或 Codex 写代码，把 Atheros MCP 接进去后，代理可 search_components 找模板、get_template 拉源码与依赖，省去手动搬运。
外包与代理公司
推荐官网明确说明生成或修改的组件归用户所有，无商用限制，自由职业者与代理公司可用来做客户项目，产出可发到任何地方。
纯设计师
有条件把组件粘贴为真实图层。但组件价值有一半在源码里，只做视觉稿的话获益有限。
课程购买者
有条件Atheros Learning 只作为付费档附带的一整库课程出现，官网未公开单门课程时长、结构、讲师背景，也未公开是否单独售卖。冲着课程来的用户应先确认课程内容再付费。
Atheros Learning优点和缺点
优点
- 350+ 生产就绪组件，覆盖 20+ 分类，含完整源码
- 免费档每月 100 AI 积分，不注册即可复制免费组件源码
- MCP 接入支持 Claude Code、Cursor、Codex 直接调用组件
- validate_project 按 Design.md 与 Builder.md 自动校验产出
- 生成组件归用户所有，官网明确无商用限制
- 积分包 1,000 起买，永不过期，量大最高 13% 折扣
- Figma 插件落地真实图层，保留 auto-layout 与样式
缺点
- 官网未公开 Atheros Learning 的课程结构、时长与讲师背景
- 月度积分每周期刷新不结转，只有单独购买的积分包不过期
- AI Pass 仅允许最多 5 个自建组件，私有库容量偏紧
Atheros Learning常见问题
Atheros 多少钱？免费吗？＋
有免费档：每月 100 AI 积分，可保留最多 5 个自建组件。付费分两档，按年计费时 Atheros AI Pass 是 $15/月，含 750 AI 积分；Atheros AI Ultra 是 $39/月，含 2,500 AI 积分、覆盖 20 个项目、最多 700 个组件。按月计费时分别是 $21 与 $56。两档都同时开通 Builder 与 Learning。
AI 积分怎么算，会过期吗？＋
积分是 AI 功能的计价单位，每次用模型生成或修改组件都消耗积分，不同模型按能力档次收费不同。月度积分每个计费周期刷新、不结转；单独购买的积分包永不过期，但要花这些积分至少需要有一个 Atheros AI Pass 订阅。
生成的组件能商用吗，版权归谁？＋
归用户。官网明确说明，在 Atheros 上生成或修改的每个组件都归你所有，个人项目、商业产品、客户项目都可以用，平台不主张任何所有权或授权。商用没有限制，自由职业者和代理公司日常就在用它做客户项目。
怎么和 Claude Code、Cursor 这类工具配合？＋
把 Claude Code、Cursor 或 Codex 接到 Atheros MCP 即可。以 Claude Code 为例，执行 claude mcp add atheros --transport http https://mcp.atheros.ai/v1 并带上授权头和 x-atheros-client 标识。连上后代理可 search_components 找模板、get_template 拉源码与依赖、get_component 取私有库组件，产出直接写成项目里的真实文件。
AI 生成的组件会不会和我的设计系统不一致？＋
平台对此做了两层约束。生成时每个组件都是对照你的设计系统产生的，会经过审核、校验再交付，「No AI slop」。生成后还可以跑 validate_project，用自动化测试对照 Design.md 与 Builder.md 检查产出是否符合项目规范。
Auto、Ultra、Flash 三种模式怎么选？＋
Auto 会根据你的需求自动挑选最合适的模型；Ultra 追求最好看的 UI；Flash 追求最快出结果。可以在生成或修改前于 composer 里切换，也可以把常用的一个在 Settings 里设成默认。不同模型消耗的积分档次不同。
组件能导出到 Figma 吗？＋
可以。在 builder 里复制任意组件，粘贴进 Atheros Figma 插件，会落地为真实 Figma 图层而非图片：元素带命名图层、处于 auto-layout 框架内，hug 和 fill 尺寸按渲染结果读取；颜色、渐变、阴影、圆角和排版按渲染结果保留，字体匹配你 Figma 里已安装的。
Atheros Learning竞品对比
| 工具 | 编辑评分 | 价格 | 核心功能 | 平台 |
|---|---|---|---|---|
| Atheros Learning本工具 | 4.3 | 免费起，付费 $9.9/月起，按年计费 | 350+ 生产组件；AI 克隆与修改；AI 从零生成；Atheros MCP 接入 | Web / API / Figma 插件 |
| LessonTime.AI | — | 买断价 100 USD，GoDaddy 托管交易 | 专家主导的在线人工智能和计算机科学课程，配有实践项目和 AI 教学工具 | Web |
| GrowTechie | — | 官网未公开具体定价 | GrowTechie:提供课程、指导和产品开发的科技教育平台 | Web |
| AskPriestAI | — | 未标价 | 一个提供全天候灵性建议与指导的虚拟基督教助手 | — |
| Jarggin | — | 未标价 | 一个由 AI 驱动的语言学习平台，提供个性化课程和词汇跟踪 | — |
| AIgrind | — | 未标价 | 人工智能/机器学习面试准备平台，提供编码挑战和指导 | — |
