> ## 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 界面设计师专注页面创建与视觉美化。可以提供现有代码、页面链接、截图、设计稿、品牌素材、参考图或 HTML，说明希望保留和调整的内容。

本技能通过 superun 云端执行。

## 本地安装与更新

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

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

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

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

> [!NOTE]
>
> 界面设计师的下载产品标识为 `superun-ui-expert`，豆包内沿用 `superun-design-expert` 作为技能名和文件夹名。更新时替换这个已有技能，保留包内原名即可。

## 首次运行

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

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

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

## 开始设计

```text theme={null}
用 superun 界面设计师重新设计这张产品页截图里的页面，让它更清爽现代。保留产品名称、价格和购买入口，手机上使用单列布局，先给我看预览。
```

附上需要实际读取的截图或资料。专家会进入页面美化流程；出现风格选择或问题时，查看实际方案后再回答。高级设计师的费用和耗时以本次委托前提示为准，确认后再继续。

## 预览与持续修改

打开回复中的真实预览链接，检查布局、视觉层级和手机页面。继续修改时，在同一任务中说明「标题更醒目，按钮保持品牌蓝」等具体要求。

已有项目可提供原项目链接或编号，在核对目标后继续调整。预览表示本轮设计效果，不能据此认定已经接通真实业务或正式上线。

## 后续开发

需要新增真实业务功能或完成应用交付时，使用[创作小队技能](https://docs.superun.com/superun/third-party-apps/doubao/squad.md)。选择当前 Skill 即可开始设计，无需先创建工作伙伴。


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