HOPE DESIGN
0 %
Loading

DAILY BRIEF

设计系统可过闸

晚间日榜确认审码与真副屏仍在前排;本期把主推荐让给能把设计约束写进查错器的 shadcn/lint。

4 min

设计 AI GitHub

来源GitHub Trending + GitHub Search API + 仓库 README + X + Apple

本周趋势

9 月 15 日晚间官方日榜已切到 Open Code Review、colibri、VoiceStudio、OpenDisplay 与 BrewUI。近七日已写过的 colibri / VoiceStudio / OpenMontage / YuE 进观察栏。shadcn/lint 于 9 月 14 日公布,本日仍在设计系统圈被引用,观察栏的 Siri AI 与 V4-Pro 路由回溯约 1 天。

核心推荐

06 picks

  1. 面向编码 Agent 的 Tailwind 设计系统查错器:你先写允许改什么,违规时错误会指出现有变体、尺寸和主题 token,而不是只说 className 不对。痛点是 Agent 一写界面就在 Button 上硬填 p-5、bg-pink-500 和 p-[13px],设计系统只活在文档里;它用 no-restyle / no-raw-colors / no-arbitrary-values / no-inline-styles 把改动限回变体与套约。差异化是不要求 shadcn/ui,接 Tailwind v4 的 ESLint 与 Oxlint;官方写明 150 余次 Agent 任务里多数一轮改正即零违规,Claude 对照跑中带 lint 反馈比只塞规则省 10%–48% token。协议 MIT。设计系统团队可先 npm i -D @shadcn/lint oxlint,把规则放进 design-system.lint.json,再让 Agent 读 SETUP.md。

    规则: docs/design-systems.md

  2. 把 Claude Code 变成带闸门的设计架构师:先出 DTCG token(原语→语义→组件三层),再按 Atomic Design 写组件解剖与状态,最后用可测量闸门打回而不是自誉通过。痛点是 Agent 一写界面就紫藍渐变、四张同大卡片、Delete 按钮填成主色;这套把硬编色值、触控热区、真测渲染对比度和 token-by-intent 收进 accuracy_report,一条不过全部失败。差异化是可调用技能、任意框架适配器和多套设计系统交叉;/critique 只评截图和点击结果,不评源码。协议 MIT。可与 shadcn/lint 分工:前者管布局和走查,后者管 class 套约。先 npx ux-ui-agent-skills demo 看过闸的例子页。

    演示: plugin87.github.io

  3. 阿里已在内部用两年的审码 CLI,把文件筛选、打包、规则匹配和行号定位交给确定性流水线,LLM Agent 只负责推理和仓库上下文。痛点是通用编码 Agent 审大差异会漏文件、行号漂、换一句提示质量就漂;它用子 Agent 并发审各组文件,再用独立的定位与反思模块把意见钉回真实 diff。差异化是自建 AACR-Bench(50 仓 200 个 PR)上同模型精度和 F1 高于 Claude Code,token 约 1/9,召回刻意更低;ocr scan 可审整文件,ocr delegate 把审查交回你的编码 Agent。协议 Apache-2.0。前端可先 npm i -g 后 ocr config provider,对组件 PR 跑 ocr review --from main。

    主页: open-codereview.ai

  4. 给编码 Agent 的架构图渲染器:Agent 先写带类型的 JSON IR,Archify 再确定性编成可交互 HTML/SVG,路由、标签和布局闸门全过才替换上一版。痛点是 Mermaid 一类图没有证据链、也没有可对照的 Before/After;它支持架构、工作流、时序、数据流和生命周期五种图,可对两份已校验快照做 Delta,并导出 PNG / SVG / WebM 与 1200×630 分享卡。差异化是交互只跟作者写进去的边,不推测运行时影响;需要证据时节点可挂到公开提交的行号。协议 MIT。设计评审可 npx skills add tt-a1i/archify -g 后先画主路径,再 compare 两次快照。

    证据馆: Proof Lab

  5. 把 iPhone、iPad 或旧 Mac 当作 Mac 的真扩展屏,不是镜像。痛点是 Sidecar 要同一 Apple ID 且不支持 iPhone,Duet 改订阅,Luna 要硬件狗;它用 VideoToolbox 实时 H.264 经 USB(usbmuxd)或 Bonjour WiFi 传回面板原生像素,支持点按、拖拽和双指滚动。差异化是画面不上云、不要账号;协议写在 PROTOCOL.md,社区已有 Android 接收端和 Linux 发送端。协议 GPL-3.0,虚拟显示走私有 CGVirtualDisplay,不上架 App Store。设计师要把 Figma 或预览拖到竖屏,可先下 GitHub Release 的 DMG,iOS 走 TestFlight;USB 线必须能传数据。

    发行: GitHub Releases

  6. Homebrew 官方 macOS GUI,用原生 SwiftUI 浏览、安装和管理 formula 与 cask,并把真正执行的 brew 命令展示出来。痛点是设计师装字体、Figma 插件和图像工具时只能背终端命令,三方 GUI 又不说清楚底层在做什么;它要求 macOS Tahoe 26+,用 /bin/zsh --no-rcs 起 brew,不读你的 shell alias。差异化是配置只走 ~/.homebrew/brew.env 一类标准文件;Homebrew 7.0.0 同时带 brew vulns 漏洞扫描。协议 AGPL-3.0。工作机已升到 Tahoe 的设计师可 brew install --cask homebrew-app,用图形界面管 cask,仍要看它打出的命令。

    说明: README

其他值得关注

06 items

  • JustVugg/colibri 近七日已写过,今日仍居官方日榜前三,纯 C 流式 MoE 推理现 ★ 33.3k。
  • debpalash/VoiceStudio 近七日已写过,今日仍在日榜前排,本机配音台现 ★ 30.5k,可与 VoxCPM2 对照工作流。
  • calesthio/OpenMontage 近七日已写过,成片工作室现 ★ 59.3k,持续在榜。
  • multimodal-art-projection/YuE 近七日已写过,今日仍出现在语言榜与汇总榜,YuE2 现 ★ 8.9k。
  • OpenBMB/VoxCPM 早间简报主推荐过,晚间让位给 lint 与 BrewUI;无分词器 TTS 现 ★ 37.6k,仍可当本机声线设计入口。
  • Siri AI 英语 Beta 9 月 14 日 Apple 开始在 2027 系统版本中推 Siri AI 英语 Beta,可跨信息、邮件与相片拿个人上下文;欧盟与中国上市延迟。观察栏回溯约 1 天。

热议精选

@shadcn

Introducing shadcn/lint. An agent-first linter for Tailwind design systems. You define what is allowed. When an agent breaks a rule, the error explains what is wrong and how to fix it using your components, variants and theme.

@agenticgirl

Alibaba open-sourced the code reviewer it says has served tens of thousands of developers and found millions of defects internally. Deterministic code handles file coverage, bundling, rule matching and comment positioning, while the agent handles reasoning.

@NFTCPS

Sidecar 要同一 Apple ID 还不支持 iPhone,Duet 改订阅,Luna 要硬件狗。OpenDisplay 免费开源不要账号不插狗,真扩展屏不是镜像,Retina,USB 或 WiFi,手指能点能滑。

总结建议

晚间日榜看起来还是本机推理和成片工具,但能改设计系统交付的新信号,是把约束写进查错器和可测量闸门。

  1. shadcn/lint 让违规 class 指回现有变体;UX/UI Agent Skills 用闸门打回紫藍渐变和错意图的按钮。
  2. Open Code Review 用确定性流水线把行号钉回 diff;Archify 先交带类型的 IR 再出可验证图。
  3. OpenDisplay 把旧 iPhone 变成真副屏;BrewUI 让装字体和 cask 不用背命令。官方侧是 Siri AI 英语 Beta,Flash 级推理仍在日榜。

要锁 Tailwind 组件先 npm i -D @shadcn/lint oxlint,再让 Agent 读 SETUP.md。要改布局先 npx ux-ui-agent-skills demo,再 /gate 和 /critique。要审组件 PR 就 npm i -g @alibaba-group/open-code-review 后 ocr review --from main。要交架构图 npx skills add tt-a1i/archify -g。要竖屏预览下 OpenDisplay 的 DMG。Tahoe 工作机可 brew install --cask homebrew-app。已写过的 colibri / VoiceStudio / OpenMontage / YuE 继续看日增即可。