

> **导语**
> OpenAI正在酝酿一场足以重塑AI产业格局的商业变革。这家AI巨头不再满足于传统的API计费模式，而是计划将触角延伸至客户的最终商业成果中，意图通过“技术赋能分成”深度绑定高价值行业的创新红利。

## 从卖铲子到分金矿

在持续探索可持续盈利路径的过程中，OpenAI将目光投向了更具想象力的B2B市场。据知情人士透露，公司内部正在讨论一项颠覆性的商业计划：**从客户利用其AI系统所实现的“AI辅助研发成果”中抽取分成**。

这一模式的核心在于重新定义“服务价值”。所谓的“AI辅助研发成果”，涵盖了制药公司筛选出的新候选药物分子、材料实验室合成的新型合金配方、甚至是芯片设计团队优化的电路架构。OpenAI的设想是，一旦这些由AI加速诞生的成果实现商业化落地（如药品上市销售、专利成功授权），OpenAI将按比例提取“技术赋能费”。这意味着，OpenAI的角色将从单纯的“工具提供商”（卖铲子的人）转变为“创新合伙人”（分金矿的人）。

![Google_AI_Studio_2026-01-23T02_50_09.817Z.png](https://static.downly.cn/images/94fd17b9f25be85c30f89e43b90adf01.png) <center>图源备注：图片由AI生成</center>

## 价值共担与法律挑战

此举若能落地，将彻底改变AI服务商与企业客户的合作关系。支持者认为，这种“价值共担”模式能激励OpenAI持续投入高难度、高成本的基础研究，确保最前沿的模型能力能优先服务于科研与工业突破。但质疑的声音同样强烈，企业界普遍担忧这将引发复杂的知识产权归属争议，并显著增加使用AI工具的法律风险与财务核算难度。

目前，OpenAI尚未公布具体的分成比例与执行机制。但考虑到其2025年年化营收已突破200亿美元，此举显然旨在进一步打破营收天花板。

## 开启高价值B2B天花板

值得注意的是，类似的“成果分成”模式在EDA（电子设计自动化）等行业已有先例，但在通用大模型领域尚属首创。OpenAI此举意在精准打击科研、生物医药等“高投入、高回报、长周期”的领域。

一旦这一模式跑通，未来的AI竞争逻辑将发生质变：**巨头们的战场将不再局限于算力与算法的比拼，更在于谁能掌握生态分成权与创新话语权**。在AGI愿景与现实盈利压力的双重驱动下，OpenAI迈出的这一步，注定充满商业野心与博弈挑战。

![Google_AI_Studio_2026-01-23T02_50_20.242Z.png](https://static.downly.cn/images/4e377fd0b7a9b6687ce5a4e022e9427f.png) <center>图源备注：图片由AI生成</center>

商业模式大跃进：OpenAI拟从客户研发成果中抽取分成

在智能对话系统蓬勃发展的今天，随着大模型技术的广泛应用，对话式交互正迎来前所未有的机遇与挑战。然而，这些大模型往往伴随着较高的响应时间（RT），传统响应机制的局限性愈发明显，难以满足用户对即时反馈的心理期待。长时间的无响应状态不仅削弱了人机交互的流畅性和自然度，更成为影响用户体验的核心痛点，亟需创新性的解决方案。

历经多年的潜心探索与实践，ChatUI 作为淘小蜜的 UI 组件库，经过多年的沉淀和打磨，并汲取了业界前沿的经验，终于迎来了焕然一新的版本发布。此次改版不仅是对组件库的一次全方位视觉升级，更是功能与体验的双重跃升。我们也推出了一系列「输入中」组件，**为开发者提供了多样化的等待状态解决方案**。真正实现让科技更有温度，对话美而简单～

![640 (3).webp](https://static.downly.cn/images/21b38660f32441af8c888e4363e4e630.webp)



##  **设计升级**

小蜜设计与前端技术团队持续深耕 ChatUI 领域，通过多轮项目沉淀与实际场景的反复打磨，我们积累了丰富的实践经验。在此基础上，我们认为是时候突破传统思维，开启一次全新的探索之旅。本次升级将基于 ChatUI 的深厚积累，围绕「自然」、「高效」、「沉浸」三大核心原则展开系统性优化。通过此次改版升级，我们致力于为用户打造更加流畅、更具亲和力的对话式交互体验，同时为开发者和设计师提供更高效的产品工具与设计灵感。

![1.webp](https://static.downly.cn/images/50d3b8e131114249b350b1fadc6fd0f0.webp)



##  **更多组件**

本次更新引入了众多全新组件，极大地提升了构建对话应用的便捷性和高效性。尤为值得一提的是「输入中」系列组件，其中包含了备受期待的打字机效果。

新增 `Typing` 组件，用于服务端消息响应速度比较慢时，展示处理中的状态，缓解用户等待焦虑：

![2.gif](https://static.downly.cn/images/471ddf240f204de58b651d881797c2a7.gif)

新增 `TypingBubble` 组件，让气泡内容以打字效果呈现：

![3.gif](https://static.downly.cn/images/f393cc2583a54f1795d7d7411704afa5.gif)

同时也提供了 `useTypewriter` 方便在其它组件里使用：

```javascript
const { typedContent, isTyping } = useTypewriter('内容详情', { interval: 50, step: 1 });
```

新增 `Think` 组件，用于展示大模型思考过程：

![4.webp](https://static.downly.cn/images/a648c12661b7457f82506fbe81c57a3e.webp)

新增 `useTitleTyping`，用于导航栏和标题交替展示，模拟对方正在输入文字：

![5.gif](https://static.downly.cn/images/a6b09860f1dd47b2a0dd1e06fa5d9a1c.gif)
通过上述几个组件，我们既可以根据不同场景选用其中一种组件作为消息等待状态的呈现，也可以通过组合根据状态分别展示：



，时长00:08

新增 `ConfigProvider` 组件，为组件提供统一的全局化配置。同时提供 `useConfig`，让组件可以很方便的读到全局配置：

```javascript
<ConfigProvider locale="zh-CN">
  <Time date={Date.now()} />
</ConfigProvider>


const Time = ({ date }: TimeProps) => {
  const { locale } = useConfig();
  console.log('locale:', locale);
  return <time ...></time>;
};
```

新增 `CardHeader` 组件，让卡片头部可以自定义更加丰富的内容：

![6.webp](https://static.downly.cn/images/585da01b21324af6a14c6ad3710a1841.webp)

除此之外还新增了 `ScrollGrid`、`Skeleton`、`BackBottom`、`Quote` 等组件，具体可以通过官网组件文档查看。


##  快速搭建一个对话界面

ChatUI 作为一个专为对话交互量身打造的组件库，构建一个对话界面当然是既快速又强大，举个列子我们只需要几步即可基于 DeepSeek 搭建一个对话产品：

1、安装 ChatUI

```bash
npm i @chatui/core -S
```

2、搭建对话界面

以下是一个用 ChatUI 接入大模型的示例，展示如果使用 ChatUI 的 `Chat`、`Bubble`、`TypingBubble` 组件和 `useMessages`搭建对话界面：

```javascript
import React, { useRef } from'react';
import { useNavigate } from'react-router-dom';
import OpenAI from'openai';
import { marked } from'marked';
import Chat, { MessageProps, useMessages, Bubble, Typing, TypingBubble } from'@chatui/core';
import'@chatui/core/dist/index.css';

// 这里用 OpenAI 请求大模型来举例子
const client = new OpenAI({
apiKey: process.env['API_KEY'],
dangerouslyAllowBrowser: true,
});

// 解析 markdown
const renderMarkdown = (content: string) => marked.parse(content) as string;

exportdefault () => {
// 1. 维护消息列表
const { messages, appendMsg, updateMsg } = useMessages([]);
const typingMsgId = useRef('');

// 2. 发送回调
asyncfunction handleSend(type: string, val: string) {
    if (type === 'text' && val.trim()) {
      // 2.1. 展示用户侧发送的消息
      appendMsg({
        type: 'text',
        content: { text: val },
        position: 'right',
      });

      // 2.2. 展示「点点点」动效
      typingMsgId.current = appendMsg({
        type: 'typing',
        position: 'left',
      });

      let content: string = '';

      // 2.3. 请求大模型
      const stream = await client.chat.completions.create({
        model: 'DeepSeek-R1-671B',
        messages: [{ role: 'user', content: val }],
        stream: true,
      });

      forawait (const chunk of stream) {
        content += chunk.choices[0]?.delta?.content || '';

        // 2.4. 把「点点点」更新成打字气泡
        updateMsg(typingMsgId.current, {
          type: 'stream',
          content: { text: content },
        });
      }

      // 2.5. 重置
      typingMsgId.current = '';
    }
  }

function renderMessageContent(msg: MessageProps) {
    const { type, content } = msg;

    // 3. 根据类型渲染消息气泡
    switch (type) {
      case'text':
        return<Bubble data-animation='fadeInUp' content={content.text} />;
      case'stream':
        return (
          <TypingBubble
            content={content.text}
            messageRender={renderMarkdown}
            isRichText
            options={{ step: [1, 6], interval: 100 }}
          />
        );
      case'typing':
        return<Typing />;
      default:
        returnnull;
    }
  }

return (
    <Chat
      navbar={{
        leftContent: {
          icon: 'chevron-left',
          title: 'Back',
          onClick() { },
        },
        title: '智能助理',
      }}
      messages={messages}
      renderMessageContent={renderMessageContent}
      onSend={handleSend}
    />
  );
};
```

不到100行代码即完成了一个基于 DeepSeek 的对话产品的开发。

##  **最后**

孵化自淘小蜜的 ChatUI 专注于将智能对话领域的最新设计和技术研发成果应用于消费者可体验的对话式界面。ChatUI 3.0 的升级，是团队在追求媲美原生应用体验目标上的不懈努力，也是淘小蜜在过去半年中技术转型为 Agent 的沉淀与结晶，更是 ChatUI 拥抱大模型的第一步。我们期望未来能够收到来自更多用户的宝贵反馈和建议，通过持续迭代和共同建设，实现「让科技更有温度，对话美而简单～」的愿景。

搜索结果: 研发成果