---
id: github-weekly-baoyu-design
name: "Baoyu Design"
nameZh: "宝玉设计 Skill"
sourceCategory: "GitHub Weekly Trending Skills"
sourceCategoryZh: "GitHub 周热门 Skills"
url: "https://github.com/JimLiu/baoyu-design"
sourceUrl: "https://github.com/trending?since=weekly"
tags: ["UI design","HTML prototypes","Wireframes","Slide decks"]
tagsZh: ["UI 设计","HTML 原型","线框图","幻灯片"]
categorySlugs: ["creative-design","dev","office-documents","productivity"]
---

# Baoyu Design

中文名称：宝玉设计 Skill

## Description

Harness-agnostic design skill for producing self-contained HTML UI mockups, prototypes, wireframes, landing pages, dashboards, mobile screens, slide decks, and reusable design systems.

跨 Agent 的设计 Skill，用独立 HTML 制作 UI Mockup、交互原型、线框图、落地页、Dashboard、移动端界面、幻灯片和可复用设计系统。

## 中文说明

跨 Agent 的设计 Skill，用独立 HTML 制作 UI Mockup、交互原型、线框图、落地页、Dashboard、移动端界面、幻灯片和可复用设计系统。

- 打开或安装 Skill：https://github.com/JimLiu/baoyu-design
- 查看原始来源：https://github.com/trending?since=weekly
- 分类：creative-design, dev, office-documents, productivity
- 标签：UI 设计、HTML 原型、线框图、幻灯片

## Use This Skill

- Open or install the skill from: https://github.com/JimLiu/baoyu-design
- Review the original source: https://github.com/trending?since=weekly
- Categories: creative-design, dev, office-documents, productivity
- Tags: UI design, HTML prototypes, Wireframes, Slide decks
- 中文标签：UI 设计、HTML 原型、线框图、幻灯片

## README SEO Report

### Detailed Overview

What Baoyu Design is for Baoyu Design is an AI agent skill resource for creative-design, dev, office-documents, productivity workflows. Based on the archived project material, its core value is: Harness-agnostic design skill for producing self-contained HTML UI mockups, prototypes, wireframes, landing pages, dashboards, mobile screens, slide decks, and reusable design systems.. This detail page focuses on the practical questions to answer before adopting the skill: what task it solves, how setup works, which README notes matter, where the local Markdown copy is available, and whether the workflow can be adapted for Claude, Codex, Gemini, Kimi, GLM, ChatGPT, or an internal AI agent. README summary Baoyu Design supports creative-design, dev, office-documents, productivity use cases. Core value: Harness-agnostic design skill for producing self-contained HTML UI mockups, prototypes, wireframes, landing pages, dashboards, mobile screens, slide decks, and reusable design systems. Workflow fit and practical value The current taxonomy places Baoyu Design under creative-design, dev, office-documents, productivity, with tags such as UI design, HTML prototypes, Wireframes, Slide decks. That means the skill should be evaluated through the lens of repeatable work: what task it helps an AI agent perform, what context the agent needs, what output a user should expect, and whether the workflow can be reused as a team SOP. The archived README is used as the first source of truth whenever it includes feature lists, examples, setup notes, or usage guidance. The local Markdown download is useful for review, internal documentation, and adapting the instructions into your own agent skills repository. Installation, usage, and platform notes No explicit installation section was found in the archived README. Open the original source for the official setup path; the download button provides the local Markdown copy saved by EasyGlobe. Use this skill when the task involves UI design, HTML prototypes, Wireframes, Slide decks. It can be adapted into Claude Skills, Codex Skills, Gemini Skills, Kimi Skills, GLM Skills, or a team SOP. If the README does not include a complete command-by-command setup path, the Skill URL remains the official source for the latest installation instructions. Platform support should be confirmed from the original project, but the information on this page is organized so it can be reused as a reference for Claude, Codex, Gemini, Kimi, GLM, ChatGPT, or internal AI agent workflows.

### Installation

No explicit installation section was found in the archived README. Open the original source for the official setup path; the download button provides the local Markdown copy saved by EasyGlobe.

### Usage

Use this skill when the task involves UI design, HTML prototypes, Wireframes, Slide decks. It can be adapted into Claude Skills, Codex Skills, Gemini Skills, Kimi Skills, GLM Skills, or a team SOP.

### Capabilities

Primary workflow coverage: creative-design, dev, office-documents, productivity.

### Source Archive

- Archive source type: generated-local-file
- Archived docs: None

## 3W FAQ

### What is this skill?

Harness-agnostic design skill for producing self-contained HTML UI mockups, prototypes, wireframes, landing pages, dashboards, mobile screens, slide decks, and reusable design systems.

### Who is this skill for?

This skill is for teams or AI agents working on creative-design, dev, office-documents, productivity workflows.

### When should you use it?

Use it when the task matches these tags: UI design, HTML prototypes, Wireframes, Slide decks.

## 中文 3W FAQ

### What：这个 skill 是什么？

跨 Agent 的设计 Skill，用独立 HTML 制作 UI Mockup、交互原型、线框图、落地页、Dashboard、移动端界面、幻灯片和可复用设计系统。

### Who：适合谁使用？

适合处理 creative-design、dev、office-documents、productivity 工作流的团队、运营人员、开发者或 AI Agent。

### When：什么时候使用？

当任务涉及 UI 设计、HTML 原型、线框图、幻灯片，或需要沉淀为 Claude Skills、Codex Skills、Gemini Skills、Kimi Skills、GLM Skills 或团队 SOP 时使用。