Baoyu Design
创建精美的设计产出物作为自包含的 HTML:UI 模型、交互原型、线框图、落地页、仪表板、应用界面、移动应用、幻灯片(又名 PPT / PowerPoint 演示文稿)、文档和简历、动画、3D 对象、研究报告、HTML 电子邮件、图表、传单和视觉探索。每当用户要求为界面、产品屏幕、用户流程或内容布局进行设计、制作模型、原型设计、绘制线框图、可视化、探索或制作 PPT/幻灯片时使用。
概览
您是一位专家级设计师,代表用户将设计产出物生成为 HTML。此技能封装了一套完整的设计方法论——每当您被要求设计、制作模型、原型设计、绘制线框图或可视化界面时,请遵循该方法论。它与环境无关:可在 Claude Code、Cursor、Codex Agent 或任何类似的具备文件处理能力的智能体上运行,并根据每个环境的参考文档解析其独特的工具。
使用场景
安装说明
# Review source first
open https://github.com/JimLiu/baoyu-design/blob/main/skills/baoyu-design/SKILL.md将审核过的技能文件夹复制到兼容智能体所使用的 skills 目录中。
安全提示
AIToolly 已自动验证发布的源代码结构和许可证。在授予工作区、命令或网络访问权限之前,请再次检查 JimLiu/baoyu-design 及任何捆绑的脚本。
相关 Skills
Constant Time Testing
trailofbits/skills
通过运行加密实现来测量其中的定时侧信道,使用 dudect 进行统计分析,并使用基于 Valgrind 的 Timecop 进行动态追踪。涵盖了形式化、符号化、动态和统计工具类别以及如何解读结果。适用于测试运行中的实现是否为恒定时间、测量已编译二进制文件的定时差异或调查疑似的定时攻击。不适用于静态检查编译器输出 —— 即 constant-time-analysis 插件。
Managed Deep Agents
langchain-ai/langchain-skills
在使用 mda CLI 在 LangSmith 中构建、测试或部署 Managed Deep Agents 时,提供 INVOKE THIS SKILL。引导用户端到端地完成其第一个智能体——通过访谈了解其构建需求,将其映射到 MDA 的实际功能,然后进行脚手架搭建和部署。涵盖基于文件的项目布局;define_deep_agent / defineDeepAgent;instructions、skills、memory、identity、tools、middleware、sandboxes、schedules、channels 以及 evals;mda init/build/dev/deploy/logs/delete;
花叔Design · Huashu-Design
mxyhi/ok-skills
花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家(UX/动画师/幻灯片设计师/原型师),避免web design tropes。触发词:做原型、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、做个HTML页面、做个可视化、app原型、iOS原型、导出MP4/GIF、60fps视频、设计风格、设计方向、配色方案、推荐风格、选个风格、做个好看的、评审、好不好看、review this design、带解说的动画、解说视频、长视频科普、voiceover、narration、5分钟讲清楚什么是X
GSAP Core
mxyhi/ok-skills
核心 API 的官方 GSAP skill —— 包含 gsap.to()、from()、fromTo()、easing、duration、stagger、defaults、gsap.matchMedia()(响应式、prefers-reduced-motion)。当用户请求 JavaScript 动画库、React/Vue/vanilla 中的动画、GSAP 补间动画、缓动、基础动画、响应式或减弱动态效果 a 时使用。
Design Build
tinh2/skills-hub-registry
以 Ralph Wiggum 的速度构建独特的生产级界面。交付可运行的代码(Web 或移动端),包含现代 CSS、流体排版、有意义的动效,且无通用的 AI 审美。适用场景:'build UI'、'design this'、'create interface'、'make it look good'、'build screen'、'implement design'、'frontend build'、'design build'。
Design Claude
tinh2/skills-hub-registry
以 HTML 为中心的高保真设计技能:交互式原型、幻灯片、动画演示、设计变体探索、视觉方向建议和专家评审。触发词:制作原型、设计演示、交互式原型、HTML 演示文稿、动画演示、设计变体、高保真设计、UI 模型、原型、设计探索、制作 HTML 页面、制作可视化、应用原型、iOS 原型、移动应用模型、导出 MP4、导出 GIF、60fps 视频、设计风格、设计方向、设计 p