neat-annotations：纯 CSS 手绘标注库

是什么 neat-annotations 是 Maxim Syabro 制作的轻量手绘 CSS 标注库，核心卖点是一个小型 CSS 文件即可工作，不需要 JavaScript。它把箭头、手写标签和目标高亮带入普通网页，适合增强文档与示例的解释性。

核心设计 使用 ann 类包装行内元素，再通过方向类名控制箭头方向，以 data-note 提供标签文本；颜色可用预设主题，也能通过 --ann-color 自定义。它还覆盖了无标签高亮、取消目标底色、嵌套标注和长文本自然换行等场景，并提供可选的 Shantell Sans 手写字体。

关键洞察 项目把视觉注释建模为 HTML 内容上的轻量装饰层，而不是独立画布或复杂组件，因此可以直接嵌入 CLI 规范、任务清单、迁移指南和发布说明。截图中的稳定 ID、标签、优先级和依赖关系被箭头逐一指认，说明它尤其适合解释结构化文本。

边界与风险 CSS-only 方案非常适合静态文档，但交互状态、动态编辑和复杂布局控制并不在展示范围内。手写字体是可选依赖，缺失时会回退到 cursive；使用时还需留意标注标签长度、嵌套关系与移动端空间。