NameThatUI：把模糊界面描述变成可执行术语

是什么 NameThatUI 把常见网页与 macOS 界面做成可检索的视觉词典。用户无需先知道术语，只需输入“弹窗后面的深色半透明层”“输入后消失的灰色文字”等口语描述，站点便返回正式名称、对应的 API/ARIA/CSS 或 AppKit 符号，以及可交给 coding agent 的提示词。它覆盖组件、布局、状态、动效和平台控件，并提供分类与⌘K搜索。

核心设计 价值链条是“看见现象→命名模式→连接实现→生成指令”。例如把结账页顶部的阶段编号归为 Steps，把跟随阅读位置的目录归为 Scrollspy，把文字截断归为 Truncation，把不同速度滚动归为 Parallax Scrolling；Alert、Callout、Banner 等相近概念也被并置区分。Web 与 macOS 双语境让设计语言能够落到 、IntersectionObserver、text-overflow: ellipsis、NSSlider 等实现线索。

关键洞察 对 Agent 工程师而言，准确命名是上下文压缩：它减少需求歧义，让设计评审、代码搜索和提示词共享同一组概念。对前端学习者而言，UI 词汇、可访问性语义与平台 API 被串成一条学习路径。

边界与风险 它更像名称与实现线索的索引，不是完整规范或最佳实践；条目数量、命名与实现可能变化。一个视觉现象也可能有多个合理术语，平台和框架差异会改变 API，因此生成代码前仍应核对交互状态、无障碍要求与官方文档。