axhub-annotation-standalone
Installation
SKILL.md
Axhub Annotation Standalone
在独立 Web 项目中使用 @axhub/annotation 时，用这个技能。它只说明运行时接入：页面已有标注数据，只需要展示 marker、标注面板、目录和状态控件。
参考案例
| 宿主 | 使用方式 | 文件 |
|---|---|---|
| React | AnnotationViewer 组件 |
references/react-example.tsx |
| 普通 HTML / DOM | browser bundle + window.AxhubAnnotation.createAnnotationViewer |
references/axhub-annotation.global.js + references/html-example.html |
| 数据源 | AnnotationSourceDocument JSON |
references/annotation-source.json |
接入前提
- 标注数据使用一份
AnnotationSourceDocument，静态 import 或由宿主 loader 返回。 - 被标注元素优先加稳定属性，例如
data-annotation-id。 - React 18 / Vite 等现代宿主可以安装
@axhub/annotation并走 ESM。 - 普通 HTML、DOM-only、React 17、Vue、Angular、托管注入或
file://静态页，优先走 standalone browser bundle，不要求宿主安装 React / ReactDOM / antd。