TechFoco Logo
首页专题归档站点地图
© 2026 TechFoco. All rights reserved.
文章归档专题网站地图站点地图 XML爬虫规则
  1. 首页
  2. /
  3. 返回归档
  4. /
  5. 告别千篇一律的AI审美,TypeUI 让 Claude 学会48种设计语言 | 开发者elwin

告别千篇一律的AI审美,TypeUI 让 Claude 学会48种设计语言 | 开发者elwin

2026年03月27日•TechFoco 精选

告别千篇一律的AI审美,TypeUI 让 Claude 学会48种设计语言 | 开发者elwingo1用两周时间做了个开源项目TypeUI,提供48个设计skill文件给Claude用,让AI生成的网站不再千篇一律。

告别千篇一律的AI审美,TypeUI 让 Claude 学会48种设计语言 | 开发者elwingo1用两周时间做了个开源项目TypeUI,提供48个设计skill文件给Claude用,让AI生成的网站不再千篇一律。

每个文件就像给AI装了一套设计语言,还能通过CLI自定义颜色和字体。

这个项目不是从零开始的。

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

skill文件本质上是人工策展的设计规则。

文章配图 1
文章配图 1

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

使用很简单,直接下载skill文件添加到Claude,或者用命令npx pull [主题名]。

有网友提到“真正的技巧是在skill文件里写布局规则,比如'每行最多3张卡片'或'统一用8px栅格'”,这样能省去大量来回调整。

项目托管在GitHub,所有文件都能在awesome-design-skills仓库找到。

文章配图 2
文章配图 2

有人问能不能生成Figma文件,elwingo1说理论上可以通过生成Figma的JSON实现。

也有网友上传自己喜欢的网站截图,用npx generate让AI反向生成对应的skill文件。

Google最近推出了类似工具,但TypeUI的优势是不绑定特定模型,Claude、Gemini都能用。

有观点认为这类设计系统的未来在于将视觉规则标准化,让非设计师也能保持设计一致性。

文章链接

  • 查看原文https://github.com/bergside/typeui

相关标签

AI设计工具开源项目设计系统ClaudeUI生成

继续阅读

较新文章

在线调研需要翻遍Reddit、X、YouTube、Hacker News、Polymarket等

较早文章

Honcho 是一款开源的记忆库与托管服务,专为构建有状态的智能体(stateful agent

相关文章

查看更多

Claude 新增实时仪表板与代码动画,Artifacts 移出 Beta

Claude 新增实时仪表板与代码动画,Artifacts 移出 Beta Dashboards Beta 可连接 BigQuery、Databricks、Snowflake 等数据源构建可刷新仪表板;Motion Beta 用代码生成可编辑、可导出 MP4 的动画,适合技术解释与方案演示。

2026年10月09日
ClaudeDashboards

OSS Scanner 开放免费开源安全扫描,报告仍需人工验证

OSS Scanner 开放免费开源安全扫描,报告仍需人工验证 开源项目维护者可申请加入 OSS Scanner,定期获得由 Claude Mythos 等模型生成的安全扫描报告。

2026年10月09日
开源安全漏洞扫描

Claude Max 与 Team 增加每月 API 开发额度 新 API 额度正在分批开放:M

Claude Max 与 Team 增加每月 API 开发额度 新 API 额度正在分批开放:Max 5x/20x 每月分别获得 100/200 美元,Team 按席位合并计算、每月最高 500 美元,符合条件的订阅需已生效至少七天。

2026年10月08日
Claude
API credits

Sonnet 5.5 缓存读取价格下调一半 Sonnet 5.5 的缓存读取由每百万 Token

Sonnet 5.5 缓存读取价格下调一半 Sonnet 5.5 的缓存读取由每百万 Token 0.20 美元降至 0.10 美元。

2026年10月08日
Claude缓存

Claude 将研发协作文档接入 Google Workspace Docs、Sheets 与

Claude 将研发协作文档接入 Google Workspace Docs、Sheets 与 Slides 插件及连接器已面向所有付费 Claude 方案开放公开测试,可在文件侧栏修改内容,或从对话创建和编辑 Google 文件。

2026年10月07日
ClaudeGoogle Workspace

Claude Pro 与 Max 新任务转向云端运行 从 10 月 6 日起,Pro 和 Max

Claude Pro 与 Max 新任务转向云端运行 从 10 月 6 日起,Pro 和 Max 的新任务及定时任务在云端运行,“仅在你的电脑上”选项移除,此前启动的本地任务仍可继续。

2026年10月06日
Claude云端任务