> ## 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 界面设计师**专注网页界面的创建和视觉优化，适合落地页、管理后台、产品页面的布局设计与美化。

## 添加与启动

### 方式一：从豆包工作伙伴技能市场添加（推荐）

1. 打开[豆包工作伙伴](https://aily.feishu.cn/)，点击左侧 **市场**，选择上方的 **技能**。
2. 在市场搜索框输入 `superun 界面设计师`，找到同名技能卡片，点击查看能力介绍。
3. 点击该技能的 **添加** 按钮。
4. 在弹出的选择界面中，选中要使用该技能的 **工作伙伴**，按页面提示完成添加。
5. 打开刚才选择的工作伙伴，进入它的对话，在输入框输入 `/`，从该工作伙伴可用的技能列表中选择 **superun 界面设计师**，确认该技能已带入输入框。
6. 在技能后面填写自己的需求，按需添加参考资料或已有 superun 项目链接，然后发送。后续在同一工作伙伴的对话中查看进展、预览并继续修改。

首次使用时，如出现 superun 登录或授权提示，按提示完成后回到原对话继续。完整入口和技能列表示例见[开始使用](https://docs.superun.com/superun/third-party-apps/doubao-work-partner/overview.md)。

## 使用示例

```text theme={null}
帮我设计一个咖啡品牌官网首页，包含品牌介绍、热门产品和门店信息。整体使用奶油色与深棕色，风格简洁，手机上也方便浏览。
```

优化已有页面时，附上项目链接、页面截图或设计稿，说明要保留的内容和重点改进的区域。

## 设计与修改

1. 说明页面用途、目标用户、内容结构和视觉偏好。
2. 提供参考图、品牌素材、现有页面或 HTML。
3. 查看本轮预览，检查布局、配色、字体和移动端效果。
4. 继续提出具体改动，例如「缩小首屏留白，保留现有品牌色」。

交付重点是网页界面和视觉效果。需要完整业务功能时，可以继续通过[软件开发](https://docs.superun.com/superun/third-party-apps/doubao-work-partner/skills/software-development.md)推进；需要展示完整的模拟交互流程时，选择[演示设计师](https://docs.superun.com/superun/third-party-apps/doubao-work-partner/skills/prototype-design.md)。


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