Skill 精选 值得关注 10月27日 周二 #agent-skills#low-code

Huashu Design 3.0:一句话生成原型、幻灯片和动画的设计技能

开源设计技能 huashu-design(MIT 许可)10 月 17 日发布 v3.0.0,让编码 Agent 根据一句话描述产出可点击的 HTML 原型、HTML 幻灯片与可编辑 PPTX、MP4/GIF 动画和信息图。3.0 先从三种思路生成六个候选方向,再把最强的三个做成完整设计;风格库从 60 种扩充到 84 种,并新增检查破图、字号过小、对比度不足等客观问题的 `design_lint.py`。

Agent Skill huashu-design 3.0.0 MIT 仓库 →
适用:Claude CodeCursorCodexOpenClawHermes

能做什么

  • 生成可点击的单文件 HTML 原型(带手机外框,用 Playwright 测试)
  • 生成 HTML 幻灯片并导出可编辑 PPTX
  • 制作时间线动画并导出 MP4 和 GIF
  • 生成信息图(PDF/PNG/SVG)和五个维度的设计评审

好在哪里

  • 品牌资产协议:从官方来源取色,而不是让模型猜
  • `design_lint.py` 做客观检查:破图、小字号、低对比度、控制台报错
  • 本地设计台账记录已交付的样式避免重复,数据存在 `~/.huashu-design/`

本次更新 · 3.0.0

  • 方向选择改为三种思路六个候选,择优三个做完整设计
  • 风格库从 60 种扩充到 84 种,新增 App 和中文/东亚风格
  • 新增本地记忆,记住过去的反馈
  • SKILL.md 改为路由到各格式的分指南,修复 PPTX 导出丢字问题

安装 / 启用

npx skills add alchaincyf/huashu-design

要点

  • 参考素材通过新增的 `ref_board.py` 截图采集;README 未说明对模型视觉能力的要求,在无视觉能力的模型上效果需自测
  • 可选的云端功能(TTS、AI 视频评审)隔离在 `scripts/cloud/`,需要自备 API key
  • README 列出的局限:不能导出到 Figma 的分层可编辑文件,不支持复杂 3D、物理和粒子动画
为什么值得关注

适合产品同事快速出原型或汇报材料;它面向生成新设计,并不解决「按现有组件库写代码」的问题,部分流程依赖截图,团队的无视觉模型能否用好需先评估。

来源

Esc
↑ ↓ 选择Enter 打开

分享图

1080 × 1350,适合发到群聊或朋友圈
分享图预览

键盘快捷键

j / k
下一条 / 上一条
o
展开或收起当前条目
Enter
打开当前条目详情
c
复制当前条目链接
s
收藏 / 取消收藏当前条目
/ 或 ⌘K
搜索
1 2 3
切换密度:标题 / 摘要 / 完整
t
切换主题
?
显示本帮助