Wiki 知识库

全部文档 / 作者: RicoUI (@ricouii) / 标签: 设计系统

3 篇
清除

Polar: 如何让 LLM 写出的 UI 不偏离设计系统

本文翻译自 Polar 官方博客,介绍其新设计系统 Orbit 背后的思考。随着 LLM 和 Coding Agent 大量参与前端 UI 开发,传统基于 Tailwind 字符串的样式写法导致设计一致性难以保障。Orbit 的核心思路是:将设计规范从文档升级为代码约束——Token 按设计意图命名(如 background-card),通过 StyleX 构建类型安全的 Box 组件作为唯一样式入口,禁止直接使用原始 div,并在 CI 中以 Oxlint 规则强制执行,使偏离设计系统的代码在机制上无法通过。文章强调文档只是概率性建议,CI 才是确定性契约。

技术 › 前端 RicoUI 2026-09-2220.1 KB 19.1K 182 83

我做了一个开源的设计工作台:管理 & 编辑 & 生成 DESIGN.md

作者开源了 RICOUI DESIGN,一个基于 DESIGN.md 的设计系统工作台。DESIGN.md 是一种结构化 Markdown 文档,集中记录品牌的颜色、字体、间距、组件规则与设计约束,人和 AI 都能读取。工作台支持创建、编辑、预览 DESIGN.md,浏览内置品牌设计参考库,可通过 AI 从公开网站生成初稿,并将文档派生为 Design Tokens、CSS 和 ZIP 供前端与 AI 工具使用。文章详细介绍了 DESIGN.md 的结构约定、从品牌参考到自有设计库的使用流程、AI 生成与安全边界、派生检查机制及云端存储方案,强调以 DESIGN.md 作为唯一源文件维护设计规范。

技术 › 前端 RicoUI 2026-09-0318.6 KB 19.3K 161 87

用 SKILL 一句话搞定书签整理,还能导出漂亮的导航站

本文介绍了一款名为 rico-bookmark-manager 的工具,旨在解决浏览器书签过多、难以整理的痛点。用户只需导出书签 HTML,通过 SKILL 简单指令,即可实现自动分类、死链检测及去重。此外,该工具还能利用内置的设计系统主题,一键生成个性化的本地静态导航站,确保数据的本地掌控与安全。

技术 › Skill RicoUI 2026-07-028.1 KB 2.5K 14