跳转到使用指南
Baoyu Design作者 JimLiu

Baoyu Design Skill.

采用基于文件的设计工作流,制作原型、演示概念和可复用的视觉系统。

  • 原型设计
  • 设计系统
  • 演示文稿
源代码审查 · Baoyu DesignSKILL.md
任务 原型设计 产出 • 包含已复制资源的自包含HTML设计产物 • 记录了设计系统绑定和资源元数据的项目 • 在适用相应专用工作流时,导出受支持的演示文稿或动画 开始之前 需要具备文件操作能力的智能体,以及仓库中的方法论、内置指南、参考文档和脚本。导出和导入路径各有其前置条件。
编辑摘要 · 已审查来源2026-10-07 · 非生成示例

01 功能说明

Baoyu Design:自包含的HTML产物

一个HTML设计编排工具,提供针对不同产物的操作方案、设计系统导入和创作路径、本地预览以及范围经过严格限定的导出工作流。

基于来源的工作流并非执行基准测试

工作方法

Baoyu Design是一项用于制作HTML设计产物的综合编排技能。其入口会将线框图、应用界面、图表、文档和幻灯片等不同交付物分派至专门的内置指南,同时由一套共享方法论提供设计流程。

其突出特点是明确的设计上下文。它可以将本地Figma文件、仓库参考内容和现有HTML/CSS分派至导入工作流,也可以将项目绑定到设计系统的本地副本。交付物会与其资源和项目元数据归组在一起,而不会变成彼此脱节的HTML文件。导出范围有明确限制:PowerPoint 导出仅适用于使用其支持的幻灯片结构创作的演示文稿,不适用于任意HTML。

预期交付物

  • 包含已复制资源的自包含HTML设计产物
  • 记录了设计系统绑定和资源元数据的项目
  • 在适用相应专用工作流时,导出受支持的演示文稿或动画
查看示例任务说明

从任务说明到审查

  1. 01
    确定上下文

    选择操作方案前,明确产物类型、保真度、品牌参考资料以及任何现有设计系统。

  2. 02
    加载正确路径

    遵循适当的内置指南和适用于智能体环境的工具参考,而不要假定每种环境都拥有相同的预览工具。

  3. 03
    绑定设计系统

    使用现有系统时,导入项目本地副本并记录其绑定。创建设计系统时,则使用编译、检查和预览工作流。

  4. 04
    构建并预览

    将HTML与引用的资源放在一起,通过本地服务提供结果,并在认定交付完成前通过真实预览进行验证。

02 适用场景

适用场景

需要具备文件操作能力的智能体,以及仓库中的方法论、内置指南、参考文档和脚本。导出和导入路径各有其前置条件。

适合的场景

  • 可探索的设计概念适合制作利益相关者能够打开并检查的文件型原型或视觉产物。
  • 可复用的系统工作该入口为创建、导入、验证和预览设计系统素材提供了明确路径。

需要检查的限制

  • 导出范围有限其 PowerPoint 路径适用于通过此技能创作的受支持演示文稿,并不承诺能将任何网页转换成可编辑的演示文稿。
  • 入口是编排工具具体制作流程和环境专用工具位于其他文件中。仅复制SKILL.md会缺少必要说明。

请提供这些输入

  • 产物类型明确结果是线框图、高保真界面、演示文稿、文档、图表,还是其他受支持的形式。
  • 设计参考资料提供相关品牌、UI 套件、本地Figma文件、HTML/CSS或范围严格限定的仓库参考内容。
  • 输出约束说明项目应存放在何处,以及是否需要浏览器预览或某种特定的受支持导出格式。

03 关键决策

关键决策

  1. 设计上下文随项目保留

    项目本地的系统副本和元数据让后续恢复工作时的视觉约束清晰明确。

  2. 针对不同产物的规则

    电子邮件、印刷品式文档、幻灯片和交互界面各自遵循不同的操作方案,而不是套用一种通用的网页公式。

04 示例任务

尝试一份聚焦的任务说明

以下示例任务说明尚未经过测试。使用前请检查该技能的设置。

检查设置

获取完整的baoyu-design目录,而不只是入口文件;保留内置技能、智能体、参考资料和起始组件。

上游源文件
https://github.com/JimLiu/baoyu-design/blob/6530033592bf7fa58bc1a5a2a2ad278da45213a9/skills/baoyu-design/SKILL.md

需要具备文件操作能力的智能体,以及仓库中的方法论、内置指南、参考文档和脚本。导出和导入路径各有其前置条件。

从一项交付物开始

运行该技能前,请调整这份任务说明中的范围、源材料和约束。

示例任务说明
使用Baoyu Design,依据提供的HTML/CSS参考资料创建一个自包含的编辑阅读应用HTML原型。保留其字体排印和颜色令牌,记录设计系统绑定,并制作两种贴近实际的阅读状态。将资源保存在本地,通过 HTTP 预览,且不要尝试导出 PowerPoint。

检查结果

依据这些可观察的标准检查实际输出。

  • 该产物遵循所提供的设计上下文。
  • 引用的资源均位于交付项目内。
  • 预览可以加载,且所选导出范围与实际能力相符。

OpenDesign为编程智能体提供本地设计工作区。此页面收录该技能,并不表示它已被捆绑提供,也不表示其外部工具、凭据和软件依赖项已包含在内。

05 来源与许可证

来源和许可证

本页面描述的是下方链接所指向的固定源代码修订版本。上游行为和要求可能发生变化。

来源所有者
JimLiu
许可证
MIT
已审查的快照
2026-10-07 · 6530033592bf
编辑来源摘要
一个HTML设计编排工具,提供针对不同产物的操作方案、设计系统导入和创作路径、本地预览以及范围经过严格限定的导出工作流。

由OpenDesign根据链接来源编写的原创摘要。仓库星标数只是带日期的受欢迎程度信号,不代表技能使用量或质量评分。

06 开始前的问题

开始前的问题

它是否依赖某一个编程智能体?

它并不绑定于某一个编程智能体。来源描述的是一种基于文件的工作流,并为受支持的环境提供单独的工具参考。

它能读取本地Figma文件吗?

该入口包含离线 .fig 导入路径。此工作流需要其详细的导入指南和脚本。

它能将任意HTML导出为 PowerPoint 吗?

不能。来源明确将演示文稿导出限制为采用其所支持幻灯片结构的HTML。

OpenDesign

为下一轮设计迭代留出空间。

将任务说明、源材料和设计工作集中保存在本地工作区中。将该技能加入工作流前,请先检查其自身的设置要求。

上游源文件
https://github.com/JimLiu/baoyu-design/blob/6530033592bf7fa58bc1a5a2a2ad278da45213a9/skills/baoyu-design/SKILL.md