前言
别再被全网吹上天的 AI 工具割韭菜了!网上很多吹的很厉害的工具用起来很一般,很多吹的人甚至自己都没用过。等你自己使用的时候,花了好多token、时间、精力后发现也就那样。从今天开始将出100期AI工具的测评,不夸张,不做假,真实数据,包含真实场景、步骤、结果,有兴趣的点赞关注,持续更新,也可以留言想测哪些工具。
测评huashu-design
真实AI测评第一期,今天测评的是huashu-design,这是一个github的开源项目,目前已经18.7k星标;免费使用,不像claude design一定要订阅才能用。但是需要结合 Claude Code、Cursor、Codex、OpenCode等主流 AI 编程助手;

这个Skill依托HTML,仅用自然语言就可以生成高保真原型、PPT、带配音和BGM的视频、界面皮肤优化、印刷级别排版、完整视觉方案、五维度专家评审,内置的 40 种 HTML 原生风格库(网页 20 种 + PPT20 种);

适用场景和人群
场景:
1. 做PPT; 2. 做交互原型,比如APP/网站等; 3. 做MP4和GIF,带BGM/配音,支持25和60fps+BGM; 4. 对设计做评审,做差异化方案和参数调整; 5. 对文字进行印刷级排版; 6. 设计方向顾问,完整视觉方案和设计逻辑说明; 7. 5维度专家评审,支持评分雷达图和优化清单;
人群:
1. 程序员,现在程序员没有不用AI的了吧,一个命令行直接用; 2. 做PPT的办公人员; 3. 交互/UI; 4. 自媒体从业者,自动做视频; 5. 产品经理/运营:产出可交互原型、产品宣传物料、数据信息图,用于评审、路演、对外宣传;
使用步骤——以做视频为例
前置准备:
1. 工具:claude code; 2. 模型:claude-opus-4-7;
详细步骤:
1. 安装Skill,一个命令行即可:npx skills add alchaincyf/huashu-design;

1. 选择你使用的工具,这里我用的Claude code

1. 装上后,让AI生成视频,我是给如图的prompt,直接给文案,让他直接生成;prompt参考:把这段逻辑做成 60 秒动画,导出 MP4 和 GIF,文字如下:xxxx;标题为:xxx;

1. 一直往下走,会让你选方案,能看到跑的流程:

1. 有任何问题,可以随时修改,敲定方案后就等;

1. 疯狂干活;最后生成mp4和gif;这里能看到其实有个video文件夹,是跑的过程中生成的产物,可以打开

1. 也可以在video文件夹中执行pnpm run studio就能看到项目;打开对应网页后,能看到对应的每页和时间,还可以控制倍速等功能;



这里有个小插曲,生成的文字都叠到一起了,让AI改了一下:

最后结果挺好的;

然后重新生成:pnpm run render即可;这个视频我就放出来大家看看效果:
使用例子——APP
我顺便测试了一下APP的生成,效果也很不错,直接在claude中输入:
做个APP原型,功能如下:
1. xxx
帮我把所有界面设计了一套blingbling的完整界面,甚至你可以设定用什么技术架构;
总结
总体来说,效果是很不错的,夯!非常适合我这种不会UI的人,用的模型是claude opus4.7,效果不错,其他的模型你们自己感受;
这是小编vibe coding的很多好用的免费小工具,可以看看是否有需要的,包含图片相关处理,实用工具,GIF处理,后续会添加功能功能。
夜雨聆风