garden-skills 开源项目:25种设计风格让AI告别蓝紫圆角,6k+ Star
- 工具收集
- 2小时前
- 7热度
- 0评论

推荐一个审美拉满的开源项目,ConardLi 的 garden-skills,GitHub 上已经 6k+ star 了。
用 AI 生成网页最大的痛点是什么?说实话,千篇一律的蓝紫配色,到处都是圆角卡片,一眼就能看出来是 AI 做的。garden-skills 直接把这个问题干掉了。
它内置了 25 种风格配方,Linear 风、Aesop 风、Pentagram 风随你切换。生成出来的页面就是那种 polished 的高级感,终于告别了 AI 味。你猜怎么着?用起来还挺爽的。
整个项目包含 4 个 Skill 模块,一条 npx 命令就能全部装好。支持 Claude Code、Cursor、Codex 等六大主流平台。我觉得这点真的很方便,对吧?
四个核心模块
web-design-engineer:这是核心模块。装上之后 AI 是真的懂设计系统、配色和排版了。可以直接输出高质量的落地页、仪表盘、原型页面。它还内置了一份反模板清单,专门避免那些烂大街的 AI 设计套路。为什么这么说?因为那些套路真的太容易看穿了……
web-video-presentation:给它一句话或者一篇文章,就能一键生成可点击的 16:9 网页演示视频。23 个主题可选,还支持 TTS 配音。这真的有用吗?我试了试,效果还不错。
gpt-image-2:专业级的图像生成和编辑提示词引擎。支持本地和多平台使用。
kb-retriever:本地知识库的精准检索工具。不会把上下文撑爆。
如果你经常用 AI 生成网页,又受够了那种模板化的审美,装一个试试,效果确实不错。话说回来,这年头能找到审美在线的工具真不容易。
传送门:https://github.com/ConardLi/garden-skills
garden-skills 需要什么环境?
需要 Node.js 环境,一条 npx 命令即可安装。支持 Claude Code、Cursor、Codex 等主流 AI 编程代理。感觉门槛不高,挺好上手的。
garden-skills 能用在哪些场景?
适合需要高质量 UI 设计的网页生成场景,比如落地页、仪表盘、原型图。也适合做网页演示视频和图像生成。我倒是觉得,如果你做设计或者搞产品,这个工具值得一试。