跳转到主要内容
superun 界面设计师专注页面创建与视觉美化。可以提供现有代码、页面链接、截图、设计稿、品牌素材、参考图或 HTML,说明希望保留和调整的内容。 本技能通过 superun 云端执行。

本地安装与更新

尚未安装客户端时,前往豆包工作官网下载电脑版。以下通过本地上传安装完整 Skill。 下载技能 ZIP · 查看当前版本
  1. 下载本页的豆包工作版 ZIP,保留完整安装包,无需重新压缩。
  2. 打开左侧 插件 · 技能 · 伙伴,切换到顶部 技能,点击 管理 查看个人技能。
  3. 点击 添加 → 上传技能,通过 选择文件 上传刚下载的 ZIP。部分版本可直接在技能页点击 添加 → 上传技能。
  4. 已有同名技能时,先保留自己的修改,再在该技能详情菜单中选择 替换,上传完整新包;出现确认时核对技能名并选择 上传并替换。
  5. 回到个人技能列表,确认已添加 superun-design-expert,再新建工作任务使用。
也可以解压 ZIP,通过 选择文件夹 选择包含 SKILL.md 的完整 superun-design-expert 文件夹。请保留脚本、引用和素材;单独上传 SKILL.md 会缺少执行所需资源。
界面设计师的下载产品标识为 superun-ui-expert,豆包内沿用 superun-design-expert 作为技能名和文件夹名。更新时替换这个已有技能,保留包内原名即可。

首次运行

新建工作任务,选择 本地电脑。在输入框输入 /superun,从候选中选择 superun-design-expert 对应技能,再补充本次需求;也可以直接说明「请使用 superun-design-expert」并给出具体任务。 按提示准备 Node.js 22 或更高版本、npm 和 superun CLI,在系统浏览器登录自己的 superun 账号并完成授权,再回到原任务继续。豆包工作与 superun 分别登录;superun 的云端生成、算力和资源费用以实际提示为准。 如果没有出现技能,先在 技能 → 管理 中确认已导入,再新建本地电脑任务。切换豆包账号后,重新核对当前账号的技能列表;切换 superun 账号时,按浏览器授权流程核对业务账号。等待或登录中断后继续原任务,避免重复提交已开始的操作。

开始设计

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

预览与持续修改

打开回复中的真实预览链接,检查布局、视觉层级和手机页面。继续修改时,在同一任务中说明「标题更醒目,按钮保持品牌蓝」等具体要求。 已有项目可提供原项目链接或编号,在核对目标后继续调整。预览表示本轮设计效果,不能据此认定已经接通真实业务或正式上线。

后续开发

需要新增真实业务功能或完成应用交付时,使用创作小队技能。选择当前 Skill 即可开始设计,无需先创建工作伙伴。