设计开源：CloudAI Design Goes OpenSource！

原创 阿里云设计中心 2026-09-21 13:31 四川

CloudAI 是一套面向 Agent 时代的设计能力。它将阿里云产品AgenticUX实践中积累的设计方法、交互规范、组件与评审经验，组织成可复用的工程资产，帮助人与 Agent 把用户意图转化为产品体验。

设计的进步，常常从一次分享开始。

一套组件库，让成熟的交互被更多产品沿用。

一套 Design System，让体验有了共同语言。

到了 AIGC 时代，设计拥抱开源，LoRA模型和工作流让创作经验以新的形式流动。

因为开源，一个人的探索，成为了更多人的设计起点。

今天，我们迎来AgenticAI ，

设计资产迎来了新的使用者：Agent。

于是，设计开源也往前走了一步：除了分享做好的设计资产，还要分享选择设计资产的依据、组织体验的方法，以及判断结果好坏的标准。

设计资产，从给人使用的，成为能够被 Agent 理解、调用和执行的设计能力。

这是我们开源 CloudAI Design的出发点。

CloudAI 是一套面向 Agent 时代的设计能力。它将阿里云产品AgenticUX实践中积累的设计方法、交互规范、组件与评审经验，组织成可复用的工程资产，帮助人与 Agent 把用户意图转化为产品体验。

这次开源的内容，主要包括两部分：

围绕设计工程、动态交互与自我进化，分享如何把专业判断写成 Agent 可读取的规范与执行步骤，如何组织交互，以及如何通过评审与反馈持续改善体验。

提供主题与设计 token、组件、模板、设计Skill与生成式UI的框架，并通过 OneSkill 提供项目脚手架，让这些方法进入实际的产品构建过程。

从NPM平台获取 CloudAI-Design OneSkill

npm i @cloudai-design/oneskill

详情：https://www.npmjs.com/package/@cloudai-design/oneskill

❶ 直接接入你的 Agent

通过 npm 安装 CloudAI-Design OneSkill，让你的 Agent 读取并调用设计规范、组件、模板和评审能力，开始构建自己的产品。

例如，一个业务分析 Agent，既需要调用数据和分析工具，也需要让用户确认计划、了解执行进度、查看结果并继续追问。CloudAI 就用来构建这一段完整的人机交互。

在项目目录安装并启用：

npm i @cloudai-design/oneskill
npx oneskill

再告诉编程 Agent：

❷ 通过 AgentScope 构建企业级 Agent 应用

AgentScope（https://github.com/agentscope-ai）是面向生产应用的开源 Agent 框架及生态，覆盖工具与技能调用、记忆、任务规划、多 Agent 协作和人机协同，并提供从开发、可观测到部署的配套能力。

将它与 CloudAI 结合，可以把 Agent 的运行能力与前端体验连接起来：AgentScope 负责组织模型、工具和任务，CloudAI-Design帮助构建交互界面，为企业级 Agent 应用提供设计与前端基础。

❸ 在千问办公里使用专家套件，用自然语言创作产品

进入千问办公（QwenWork.cn），在专家套件入口搜索并安装 Vibe Designing 专家套件，通过 Vibe Designing 专家套件调用 CloudAI-Design 的产品设计能力，用自然语言描述目标、补充业务材料，逐步构建和调整自己的产品。

例如：“使用 CloudAI-Design，帮我做一个团队知识助手，先梳理使用流程，再生成可交互的产品界面。”

开源只是开始

我们还将继续共享实践经验

阿里云的开源项目 Alibaba Cloud AI Agent Handbook，将在云栖大会2026正式发布，围绕 Agent 的构建、运行、治理与调优沉淀方法和经验。我们也参与了白皮书内容的共建，将基于 CloudAI 的设计能力和设计工程实践贡献给白皮书。

最后，欢迎关注阿里云设计中心的开源项目 Vibe Designing（github.com/Alibaba-Cloud-Design），让今天的设计经验，成为更多人和 Agent 明天可以使用的能力。

CloudAI Design Goes OpenSource！

：）

跳转微信打开