查看: 89|回复: 0

告别千篇一律的AI审美,这个工具让Claude学会48种设计语言

[复制链接]

17

主题

1

回帖

53

积分

注册会员

积分
53
发表于 2026-3-20 10:08:27 来自手机 | 显示全部楼层 |阅读模式
【告别千篇一律的AI审美,这个工具让Claude学会48种设计语言】

快速阅读:开发者elwingo1用两周时间做了个开源项目TypeUI,提供48个设计skill文件给Claude用,让AI生成的网站不再千篇一律。每个文件就像给AI装了一套设计语言,还能通过CLI自定义颜色和字体。

---

这个项目不是从零开始的。elwingo1四五年前创立了UI库Flowbite,有设计背景,看到大家从传统设计系统转向AI工具后,决定把多年的设计品味转译成AI能理解的指令。

skill文件本质上是人工策展的设计规则。elwingo1强调“AI需要被推向正确的方向”,他和朋友正在开发“增强版”skill文件,加入阴影、边框等更细致的规则,甚至考虑做可视化编辑器,让设计规则能跨项目同步。

使用很简单,直接下载skill文件添加到Claude,或者用命令`npx typeui.sh pull [主题名]`。有网友提到“真正的技巧是在skill文件里写布局规则,比如'每行最多3张卡片'或'统一用8px栅格'”,这样能省去大量来回调整。

项目托管在GitHub,所有文件都能在awesome-design-skills仓库找到。有人问能不能生成Figma文件,elwingo1说理论上可以通过生成Figma的JSON实现。也有网友上传自己喜欢的网站截图,用`npx typeui.sh generate`让AI反向生成对应的skill文件。

Google最近推出了类似工具,但TypeUI的优势是不绑定特定模型,Claude、Gemini都能用。有观点认为这类设计系统的未来在于将视觉规则标准化,让非设计师也能保持设计一致性。

项目地址:www.typeui.sh/design-skills
GitHub仓库:github.com/bergside/typeui.sh

##


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注公众号

相关侵权、举报、投诉及建议等,请发 E-mail:2776601884@qq.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.|青ICP备2025004122号-1

在本版发帖
关注公众号
返回顶部