huashu-design

HTML 原生设计技能，支持高保真原型、幻灯片、动画等。

Agent Skill设计与多媒体开源设计原型动画PPT信息图

查看来源 →

形态: Agent Skill
是否开源: 是
GitHub Stars: ★ 2.0w
收录来源: skill-github
仓库: github.com/alchaincyf/huashu-design

能力说明

Huashu Design 是一个 HTML 原生的设计技能，适用于 Claude Code 等 Agent。它可以在几分钟内生成高质量的产品发布动画、可点击的 App 原型、可编辑的 PPT 和印刷级的信息图。该技能内置 20 种设计哲学和 5 维评审机制，确保输出的设计质量高且符合品牌风格。用户只需提供简单的提示，即可获得专业级别的设计成果。

能力点

▪生成高保真交互原型
▪创建可编辑的演讲幻灯片
▪制作时间轴动画并导出 MP4/GIF
▪提供多种设计变体供选择
▪生成信息图和可视化图表
▪进行 5 维度设计评审

适用场景

快速生成产品发布动画创建可点击的 App 原型制作专业的演讲 PPT生成高质量的信息图

接入方式

依赖：Node 环境

npx skills add alchaincyf/huashu-design

以上信息由 AI 基于公开资料整理，可能存在偏差，以来源为准。

常见问题

如何安装 Huashu Design？

使用 npx skills add alchaincyf/huashu-design 安装。

相关 Skill

material-3-skill

Material Design 3 技能，支持 30+ 组件、设计令牌、主题和响应式布局。

Agent Skillmaterial designui

ppt-image-first

一个 conversation-first、image-first 的 PPT 工作流 skill，逐步推进 PPT 需求至成品。

drawio-skill

从自然语言生成 draw.io 图表，支持多种预设和导出格式。

ui-ux-pro-max-skill-cn

为 AI 编码助手提供专业级 UI/UX 设计智能。

logo-generator-skill

专业SVG标志生成器，提供多种设计变体和展示背景。

claude-skill-aso-appstore-screenshots

生成高质量的App Store截图，提升应用下载率。