认识 Proto UI

Proto UI 是一个开源项目，探索如何把组件的交互知识保存为可以跨技术复用、执行和检验的定义。它希望一部分已经解决的交互问题，能够随着框架和平台更替继续被使用。

你可以先从一个熟悉的组件理解它：一个 Switch，无论用 React 还是 Vue 实现，都需要表达开关状态、响应操作、处理禁用状态，并让用户和应用知道发生了什么变化。具体代码不同，这些交互责任却反复出现。

Proto UI 把对这些责任的可执行描述称为 Prototype（原型）。Adapter（适配器） 则把它接入具体技术环境，也就是 Host（宿主），形成应用可以使用的组件。Prototype 是对组件交互的当前理解，会随着使用和验证继续修正。

在首页 Demo 中，选择 Switch，再切换 React、Vue 或 Web Components。你可以观察：

• 操作开关后，状态与可见反馈怎样变化；
• 使用键盘时，焦点与激活行为怎样表现；
• 切换 Adapter 后，同一组交互责任怎样在另一个实现中成立。

Demo 使用同一组 Prototype，由所选 Adapter 在相应环境中运行。切换时会销毁旧示例并挂载新的实例，先前的操作状态不一定保留。

这展示了当前 Web 技术之间的复用路径。它能帮助你观察具体行为；对其他组件、运行条件或非 Web 平台是否成立，还需要各自的实现与验证。关于一致性应如何比较，白皮书的第六章有更完整的讨论。

如果你是应用开发者，可以先使用官方原型库，通过 CLI 添加目标框架的组件入口，在已有应用中试用。起步时不需要先编写 Prototype，也不需要先读完白皮书。

如果你维护组件库或设计系统，可以进一步评估：哪些交互定义值得共同维护，哪些差异仍需由 Adapter 或应用承担。当前官方 Adapter 与验证证据主要集中在 Web family；移动端、桌面端等更广泛的投放仍需要继续探索。

按顺序阅读本章，会从项目定位走到一次实际接入；白皮书则展开背后的论证。你也可以直接选择最接近当前问题的入口。