VISUAL EXAMPLE
先看懂它怎么工作
等待操作
MECHANISM
运行机制
- 接收输入
- 渲染界面
- 处理内部交互
- 输出事件
USE WHEN
适合这样用
复用稳定的界面结构和交互规则
NOT FOR
不要这样理解
不要把互不相关的整页逻辑塞进一个超大组件
TELL YOUR AGENT
可直接发给 Agent
请按“组件”的概念处理这个需求：把这张产品卡做成以后还能重复使用的模块。先说明实现边界，再给出可检查的结果。ACCEPTANCE
怎么确认它真的做好了
组件职责单一，相同输入得到一致表现
OFFICIAL SOURCES