企业官网建设流程全解析

• 人工智能
• AI 应用
• AI 插件
• 设计系统
• 前端
• dsh-plugin

DeepSeek Design 是专为 DeepSeek Harness 打造的开源可视化设计系统，提供 AI 设计生成、PPT 制作与视频创作三大原生插件（deepseek-idesign、deepseek-ippt、deepseek-ivideo）。只需两条命令即可完成安装，新手 5 分钟就能从一句话需求生成真正可编辑的设计作品。

简单理解：AI 负责从意图到作品，Studio 负责从作品到细节。作品保存为工作区内真实的 HTML、CSS 与设计令牌文件，可保存、可撤销、可继续迭代，而不是不可编辑的截图。

一、DeepSeek Design 是什么？三个插件一套创作系统

三个插件可单独安装、也可全套使用。它们共享同一套 Studio 契约，但项目目录彼此隔离，互不覆盖。

二、安装前准备：环境要求快速检查

• ✅ Node.js^22.19.0或>=24.0.0（可先运行node -v检查）
• ✅ DeepSeek Harness 当前版本及插件管理器所需的pnpm

三、快速安装步骤：两条命令搞定

1️⃣ 只安装 Design 插件

npx @deepseek-ai/dsh plugin --profile web add deepseek-idesign npx @deepseek-ai/dsh web

2️⃣ 一次安装 Design + PPT + Video 全套装

npx @deepseek-ai/dsh plugin --profile web add deepseek-idesign deepseek-ippt deepseek-ivideo npx @deepseek-ai/dsh web

启动后，Web 界面默认运行在http://127.0.0.1:3080。新建对话后选择Design、PPT或Video视图即可进入对应 Studio。

3️⃣ 更新与卸载命令速查

# 更新 npx @deepseek-ai/dsh plugin --profile web update deepseek-idesign deepseek-ippt deepseek-ivideo # 卸载 npx @deepseek-ai/dsh plugin --profile web remove deepseek-idesign deepseek-ippt deepseek-ivideo

四、5分钟上手：从一句话到可交付设计

创作流程是一个持续循环，而不是一次性生成：

描述需求 → AI 生成 → Studio 预览 → 手动精调 / Ask AI → 保存到工作区 → 继续迭代

1. 用 Design 插件做网页、App 原型与海报

在对话中描述"做一个音乐节官网"，AI 生成后打开 Design 视图即可实时预览；选中画布中任意元素点击Ask AI，让 AI 只修改当前对象。以下是 Design 模板市场中的金融数据面板模板，展示可视化精调效果：

网页类模板同样丰富，例如这个音乐节活动官网模板：

项目保存在工作区design/<sessionId>/目录，是真实可编辑的 HTML、CSS 与设计令牌文件。

2. 用 PPT 插件生成整套演示文稿

PPT 视图拥有独立模板市场（幻灯片模板不会混入 Design 目录）。AI 负责梳理叙事、生成页面，你逐页预览并可视化精调文字、图片与排版，完成后一键导出 PDF 或 PPTX：

PPT 项目独立保存在design/<sessionId>-ippt/，与 Design 作品分目录存储、互不覆盖。

3. 用 Video 插件制作动态视频

iVideo 直接复用 HyperFrames 时间线与可视化编辑器，内置 28 个可编辑视频模板，支持选区级 Ask AI、自动校验（ipollowork_video_validate）与原生视频导出：

视频项目保存在video/<sessionId>/，预览、精调、导出都在同一 Studio 中完成。

五、模板市场：精选模板一键套用

点击编辑开关旁的+即可打开对应模板市场。以杂志海报模板为例，套用后可在设计令牌中替换品牌色与字体：

模板应用会先在隔离目录完成校验，再原子替换当前项目；失败时自动恢复原项目，新手放心大胆试。

六、新手常见问题（FAQ）

Q1：安装时提示 Node.js 版本不兼容？需要 Node.js 22.19+ 或 24+，先运行node -v检查版本，不满足请先升级 Node.js。

Q2：作品文件保存在哪里？Design 在design/<sessionId>/，PPT 在design/<sessionId>-ippt/，Video 在video/<sessionId>/，全部是当前工作区内的真实文件，可以直接用 git 管理。

Q3：Ask AI 会自动发送消息吗？不会。它只把选中元素的文件位置、定位信息与当前样式填入对话草稿，由你确认后再发送。

Q4：三个插件会互相覆盖吗？不会。项目目录彼此隔离，且安装某个 npm 包不会连带下载另外两个插件。

Q5：如何浏览源码与模板文件？

git clone https://gitcode.com/gh_mirrors/de/deepseek-design

七、关键文件与模块路径速查

• 项目说明：README.md
• 包版本与源码来源清单：repository.json
• Design 插件构建产物：packages/deepseek-idesign/
• PPT 插件构建产物：packages/deepseek-ippt/
• Video 插件构建产物：packages/deepseek-ivideo/
• Harness 适配器源码：source/plugins/
• 三插件共用 Studio 协议与类型：source/shared/
• 贡献指南：CONTRIBUTING.md

⚠️ 小提示：packages/下是构建生成的运行产物，请勿直接修改；功能改动应提交到 source/ 目录，经上游合并后统一重新构建发布。

• 人工智能
• AI 应用
• AI 插件
• 设计系统
• 前端
• dsh-plugin