> ## 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.

# 演示设计师

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

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

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

## 安装

本文使用 Qoder 桌面端的操作入口。尚未安装客户端时，前往 [Qoder 官方下载页](https://qoder.com.cn/download)，选择桌面版；IDE、CLI 的安装界面与本文不同。

### 方式一：从 Qoder 扩展市场安装

1. 打开左侧 **扩展 → 插件**，搜索 `superun`，在结果中选择 **superun 演示设计师**。
2. 若当前市场中有对应条目，打开详情，核对名称、发布者和能力说明后点击 **安装**。
3. 在 **已安装** 中确认 **superun 演示设计师** 已添加。市场条目会受账号、组织及上架状态影响；找不到时使用下面的 ZIP 导入方式。

### 方式二：下载并导入 ZIP

[下载插件 ZIP](https://www.superun.com/web-api/packages/superun-prototype-expert/qoder/plugin/download) · [查看当前版本](https://www.superun.com/web-api/packages/superun-prototype-expert/qoder/plugin/latest)

1. 下载完整 ZIP，保留原文件，无需解压或重新压缩。
2. 在 **扩展 → 插件 → 添加插件 → 上传 Plugin** 中选择刚下载的 ZIP。
3. 完成导入后，在 **已安装** 中确认 `superun-prototype-expert`；如有启用提示，按提示启用。

更新时重新下载最新包，通过同一插件导入入口按提示更新。插件包含的技能由插件统一管理，无需另装同名独立技能。

安装入口说明可参考 [Qoder 官方插件文档](https://docs.qoder.cn/qoder/plugins)。

## 首次运行

新建任务，在输入框输入 `/`，选择 **superun 演示设计师** 对应的主技能，再补充具体需求并发送。菜单中的主技能可能仍显示为 `superun-prototype-expert:superun-prototype-expert` 等技术标识，按实际菜单核对。

按提示准备 Node.js 22 或更高版本、npm 和 superun CLI 等运行环境，在系统浏览器登录自己的 superun 账号并完成授权，再返回原任务。Qoder 登录与 superun 授权分别完成；无需把密码或访问令牌贴到对话里。恢复登录或等待中断后，继续原任务，避免重复提交已启动的操作。

## 从产品想法开始

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

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

## 生成并查看原型

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

## 持续修改与交付边界

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

这个专家停留在原型和演示阶段，不自动进入研发，也不提供本地开发模式。需要真实业务功能或数据接入时，转到[创作插件](https://docs.superun.com/superun/third-party-apps/qoder/plugin.md)明确提出研发需求。专门制作可播放幻灯片时，使用[PPT制作专家](https://docs.superun.com/superun/third-party-apps/qoder/plugins/ppt-creation.md)。


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