标签
sAIgnals 发布了一篇实用案例研究，介绍如何通过将设计系统规则记录在一个小文档中、接入仓库指令、并在浏览器中验证结果，来保持 AI 生成的 UI 与现有页面的一致性，文中包含一份免费的 Markdown 模板和 UI 审查清单。
网友整理并分享了 Claude 泄露的内部组件设计系统提示词与完整规范，涵盖设计哲学、图标、字体排版、CSS 变量及组件 Token 等规则，供前端开发和 Vibe Coding 借鉴。
文章提供了使用AI构建专业网站的检查清单，重点强调研究和设计系统，以避免千篇一律的AI生成设计。
GitHub的Primer设计系统从CSS-in-JS迁移到CSS Modules后，服务器端渲染速度提升了55%，客户端样式计算时间减少了25%。
Once UI 2.0 是一个开源设计系统，帮助开发者构建精致的 React 应用程序，并具备协助人类和 AI 代理保持一致性并减少重复代码的功能。
Kent C. Dodds宣布推出一个针对Kody的包应用套件，它能够运行全栈Remix应用，并集成了设计令牌、PWA支持、错误处理和实时同步等功能。
Ambient CSS 是一个将物理光照模型引入 CSS 的库，允许 React 组件实现真实的高光、阴影和表面材质效果。作者通过 Blender 渲染和 CSS 变量来复刻光照，提供丰富的组件如按钮、旋钮等。
Magic Patterns 发布了一款 AI 驱动的工具，允许用户构建和设计自己的主题公园，包含过山车和设计系统等元素。
Beautiful UI 提供一系列精心设计的原始组件，用于构建AI原生界面，其功能包括加载状态、思维追踪和流式文本显示。
SkillUI 是一个命令行工具，可以从任意网站提取完整的设计系统，包括配色、字体、间距、动画和组件截图，并打包成 Claude Code 可直接读取的格式，帮助快速复刻网站的视觉风格。
Impeccable 4.1 发布了，包含 43 个 PR，提高了评审可靠性、设计系统一致性、原生应用审查、插件安装，以及更多开发环境中的实时模式支持。
Dembrandt 是一个开源命令行工具，可将网站的设计系统（标志、颜色、排版、边框、间距等）提取为设计令牌。它支持 MCP 集成，适用于 AI 代理，并提供配套应用来跟踪漂移和进行视觉差异比较。
Vercel公开了自家design.md设计规范，并展示了新首页的极简设计，赢得开发者好评。
Awesome DESIGN.md 是一个开源项目，收录了70多套从真实网站整理的视觉规则，帮助AI生成更自然的网页设计。
98.css 是一个 CSS 库，用于构建外观类似 Windows 98 的界面，提供语义化的 HTML 组件，且无需 JavaScript。
一个收集了Apple、Figma、Linear、Stripe等知名公司设计系统并整理成DESIGH.md文件的开源项目，目前已获得9.6万Star，能让AI学会顶级品牌的UI风格并直接生成符合规则的界面。
观点认为大部分公司不再需要 web infra team，应注重技能、CI/CD、拥抱AI友好的开源项目并简化设计系统。
一个开源的系统提示和技能库，将大语言模型转变为有主见、注重无障碍的设计合作者，拒绝常见的AI设计套路。
v0 Design Systems 2.0 是一项产品更新，允许使用自定义组件、颜色、字体和模式进行构建。