换个角度想
界面图鉴像汽车配件手册：你不用会造车，但知道那个零件叫「后视镜」，才能让修车师傅一听就懂你要修哪里。
术语
界面图鉴
UI Patterns
屏幕上每一块的通用名字——认得它，才能让 AI 精确地改它。
从认出它，到说出它
01See在页面上认出这一块
02Name知道它的通用名字
03Anatomy了解它由什么组成
04Prompt用名字指挥 AI 修改
- 认出
在页面上认出这一块
- 叫名
知道它的通用名字
- 拆解
了解它由什么组成
- 指挥
用名字指挥 AI 修改
在页面上认出这一块
什么时候会遇到它
提需求
不再说「上面那块」，而是直接叫出它的名字。
看懂方案
AI 说「加一个 toast 提示」时，你知道它长什么样。
拆解设计
看到喜欢的网站，能按零件拆出它的做法。
想一想
你想让 AI 改「页面顶上那个横着的菜单」。用哪个词能一次说准？
看答案
导航栏（Navbar）。用通用名字指代，AI 不用猜你说的是哪一块，改动也不会误伤别的区域。
最容易踩的坑
名字是用来沟通的，不是用来炫的。同一个零件在不同框架里可能叫法不同，说清位置和作用永远是保底方案。