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

# 界面设计师

> 在普通 WorkBuddy 对话中调用 superun 界面设计师技能，依据现有页面、截图或设计素材创建和美化界面。

superun 界面设计师技能与[同名专家](https://docs.superun.com/superun/third-party-apps/workbuddy/experts/design-expert.md)共用云端设计流程，适合在普通对话中快速创建或美化网页界面。

## 安装

### 方式一：从 WorkBuddy 应用市场安装（推荐）

1. 打开 WorkBuddy 左侧「专家·技能·连接器」，选择「技能」，进入「技能市场」。
2. 在搜索框输入 `superun 界面设计师`，找到对应技能并查看介绍。
3. 点击技能卡片右上角的「+」安装，在「已安装」中确认已添加。
4. 回到任务，在对话中说明要使用「superun 界面设计师」及本次需求。

首次使用时按提示准备运行环境，在浏览器登录 superun，完成后回到原任务继续。

### 方式二：手动导入技能 ZIP

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

在「技能 → 添加技能 → 上传技能」中导入下载的 ZIP，再到「已安装」中确认。

## 使用示例

```text theme={null}
请使用 superun 界面设计师，把我上传的这张截图重新设计得更清爽。保留品牌色、商品信息和购买入口，优化布局、字体和移动端展示，完成后给我看预览。
```

可以提供现有代码、页面链接、截图、设计稿、品牌素材、参考图或 HTML。材料中说明哪些内容需要保留、哪些需要调整。

## 查看结果与继续修改

技能直接进入页面设计和美化流程。打开返回的真实预览，按效果继续反馈，例如「手机端改为单列卡片，标题再醒目一些」。继续已有项目时提供原项目链接或编号。

交付以 superun 生成的页面预览和实际修改内容为准。后续完整业务研发、本地接管或发布，可使用[软件开发专家团](https://docs.superun.com/superun/third-party-apps/workbuddy/experts/squad.md)。


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