baoyu-design

仓库创建 2026年7月25日最近提交 1 天前SkillHot 收录 11 小时前
▸ 精选理由

一次性产出可分享、可导出的高保真设计成品

这个 Skill 做什么

将设计需求产出为自包含的 HTML 原型与交付稿。

把设计需求直接做成可交付的 HTML 原型、交互 mockup 或 PPT,能产出页面、移动界面、动画、HTML email、3D 物件等成品。适合需要快速验证交互、给开发或产品看样机、或要导出演示稿时用。特点是输出自包含的 HTML 工件,能直接演示并方便转成 PPT 或交付文件。

▸ 展开 SKILL.md 英文原文

Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a. PPT / PowerPoint presentations), documents and résumés, animations, 3D objects, research reports, HTML email, diagrams, fliers, and visual explorations. Use whenever the user asks to design, mock up, prototype, wireframe, visualize, explore, or make a PPT/deck for an interface, product screen, user flow, content layout, visual artifact, or pitch/deck concept, even if they do not say "design". Also use to export a deck built with this skill to PowerPoint (PPT/PPTX) — but only decks authored here (deck-stage / this skill's slide-structured HTML), NOT arbitrary HTML, so confirm the target is such a deck first. Also use for setting up, importing, or authoring reusable design systems, UI kits, brand tokens, or component libraries. Harness-agnostic for Claude Code, Cursor, Codex Agent, and similar file-capable agents

内容创作界面设计HTML原型可交付通用
0
Stars
0
Forks
40
仓库内 Skill
积累中
7 日增星
安装 / 使用
给你的 Agent 一句话(通用)
帮我安装这个 skill:https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/baoyu-design/SKILL.md
或 curl 直取 SKILL.md
curl -fsSL "https://raw.githubusercontent.com/webiscorp/designskill-open/main/skills/baoyu-design/SKILL.md"
SKILL.MD 节选查看完整文件 ↗
# Design

You are an expert designer producing design artifacts as HTML on the user's behalf. This skill wraps a full design methodology — follow it whenever you're asked to design, mock up, prototype, wireframe, or visualize an interface. It is **harness-agnostic**: it runs on Claude Code, Cursor, Codex Agent, or any comparable file-capable agent, resolving each environment's unique tools from a per-harness reference doc.

## How to use this skill

**1. Load the methodology.** Read [`system-prompt.md`](system-prompt.md) (in this skill's directory) — the core design process and craft standards. Follow it for the whole job.

**2. Identify your harness and load its tool reference.** Generic to
via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有