> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superun.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 演示设计师

> 在豆包工作使用 superun 演示设计师，从需求澄清、风格选择到可交互原型，并通过对话持续完善。

superun 演示设计师把产品想法变成可以打开、点击和体验的原型，适合销售管理系统、预约页面等产品演示。

流程为 **提出需求 → 需求澄清 → 选择风格 → 查看产品演示 → 持续完善**，由云端执行。演示使用智能模拟数据，不代表已接入真实业务系统。

## 本地安装与更新

尚未安装客户端时，前往[豆包工作官网](https://www.doubao.com/work)下载电脑版。以下通过本地上传安装完整 Skill。

[下载技能 ZIP](https://www.superun.com/web-api/packages/superun-prototype-expert/doubao/skill/download) · [查看当前版本](https://www.superun.com/web-api/packages/superun-prototype-expert/doubao/skill/latest)

1. 下载本页的豆包工作版 ZIP，保留完整安装包，无需重新压缩。
2. 打开左侧 **插件 · 技能 · 伙伴**，切换到顶部 **技能**，点击 **管理** 查看个人技能。
3. 点击 **添加 → 上传技能**，通过 **选择文件** 上传刚下载的 ZIP。部分版本可直接在技能页点击 **添加 → 上传技能**。
4. 已有同名技能时，先保留自己的修改，再在该技能详情菜单中选择 **替换**，上传完整新包；出现确认时核对技能名并选择 **上传并替换**。
5. 回到个人技能列表，确认已添加 `superun-prototype-expert`，再新建工作任务使用。

也可以解压 ZIP，通过 **选择文件夹** 选择包含 `SKILL.md` 的完整 `superun-prototype-expert` 文件夹。请保留脚本、引用和素材；单独上传 `SKILL.md` 会缺少执行所需资源。

## 首次运行

新建工作任务，选择 **本地电脑**。在输入框输入 `/superun`，从候选中选择 `superun-prototype-expert` 对应技能，再补充本次需求；也可以直接说明「请使用 superun-prototype-expert」并给出具体任务。

按提示准备 Node.js 22 或更高版本、npm 和 superun CLI，在系统浏览器登录自己的 superun 账号并完成授权，再回到原任务继续。豆包工作与 superun 分别登录；superun 的云端生成、算力和资源费用以实际提示为准。

如果没有出现技能，先在 **技能 → 管理** 中确认已导入，再新建本地电脑任务。切换豆包账号后，重新核对当前账号的技能列表；切换 superun 账号时，按浏览器授权流程核对业务账号。等待或登录中断后继续原任务，避免重复提交已开始的操作。

## 从产品想法开始

```text theme={null}
用 superun 设计一个销售管理系统原型。首页展示销售概况、待办跟进和客户列表，客户详情展示联系人与跟进记录，整体风格清爽，手机上也方便查看。
```

可以附上截图、设计稿、品牌素材、参考图、HTML 或页面链接，说明需要保留和调整的部分。

## 生成并查看原型

1. 回答需求澄清问题，补充实际使用场景和重点功能。
2. 打开风格候选，选择本次采用的方案；需要重新设计时，可按提示委托高级设计师，费用和耗时以本次说明为准。
3. 等待产品演示生成，打开回复中的本轮预览，检查页面布局和模拟交互。
4. 选择推荐演示功能，或直接通过对话完善。推荐功能按本次实际勾选范围加入，未选内容保留为候选。

## 持续修改与交付边界

在原对话中继续修改文案、配色、布局和模拟交互。新任务中提供原项目链接或编号，再说明继续完善的内容。

本技能停留在原型和演示阶段，不自动进入研发。需要真实业务功能或数据接入时，转到[创作小队技能](https://docs.superun.com/superun/third-party-apps/doubao/squad.md)明确提出研发需求。专门制作可播放幻灯片时，使用[PPT制作专家](https://docs.superun.com/superun/third-party-apps/doubao/skills/ppt-creation.md)。


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.