SuperAPI AI 工具集

setup-opendesign

设计与创作

查看项目

更新于 10-16 00:05

技能介绍

用途:在项目中首次搭建 OpenDesign 输出环境,仅在 ./opendesign/index.html 不存在时使用。

主要能力与步骤:

  1. 下载 viewer:从 https://raw.githubusercontent.com/manalkaff/opendesign/main/skills/opendesign/viewer.html 获取文件,并把响应内容写入 ./opendesign/index.html(目录不存在时先创建)。若下载失败,提示用户:Could not download the OpenDesign viewer. Check your internet connection and try again, or manually copy viewer.html from the opendesign plugin to ./opendesign/index.html.
  2. 如不存在则创建输出目录:./opendesign/mockups/ 与 ./opendesign/design-systems/。
  3. 如不存在则写入 ./opendesign/manifest.json,字段包含 generated(当前 ISO 8601 时间戳)与 sections(mockups、design-systems 两组,各含 id、label、groups)。

使用方式:按上述顺序完成全部步骤后向用户宣布完成,提示语为:OpenDesign is set up. Open ./opendesign/index.html in your browser to view mockups. If previews don't load, serve the folder with python -m http.server 8080 and open http://localhost:8080/opendesign/.

适用场景:项目首次引入 OpenDesign,需要生成查看器与输出目录结构时。

限制:需联网下载 viewer;其余功能、平台与收费信息暂未提供。