用组件命名提升 AI 的 UI/UX 沟通命中率

是什么 这条推文把 UI/UX 交流中的“术语不精确”定义为效率问题：与其对 AI 说“弹窗”“下拉菜单”或“闪光加载”，不如先用组件真实名称描述意图。配图展示 The Component Gallery，首页标注 60 components、95 design systems、2,671 examples，并以 Carousel、Tree view、Popover、Rating 等卡片提供定义与示例入口。

核心设计 它把组件词汇做成可检索、可对照的模式目录。名称不是标签游戏，而是压缩了触发方式、内容结构和交互边界：例如 Popover 通常由点击触发、可承载交互内容，和偏向悬停提示的 Tooltip 不同；Tree view 暗示层级数据，Carousel 暗示多页内容与导航。

关键洞察 对 Agent 工程和前端协作而言，共享词汇能减少需求往返，让提示词、设计评审、组件选型和实现验收围绕同一对象展开。先命名，再补充状态、数据、可访问性和响应式约束，是更稳定的沟通顺序。

边界与风险 组件名称并非跨产品的严格标准，同名模式可能有不同键盘行为、移动端策略或视觉语义；目录示例也不等于可直接复制的生产实现。使用时应把词汇当作索引，再核对设计系统规范、交互状态和无障碍要求。