Obsidian 网页剪辑模板创建器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/obsidian-clipper-template-creator。
技能介绍
问题在哪
Obsidian Web Clipper 靠 JSON 模板把网页字段映射进笔记,但手写模板很容易踩坑:选择器对着「想象中的 DOM」写,导入后标题、正文或元数据对不上;属性名又与你在 Obsidian 里用的 Base schema 不一致,剪下来的笔记进不了既有分类。
技能怎么做
本技能按固定工作流帮你产出可导入的 JSON 模板,而不是凭经验猜 CSS。
- 对齐意图与 Base:先区分是站点专用(如 YouTube)、类型专用(如菜谱)还是通用剪辑;在
Templates/Bases/下读取匹配的*.base,用其中定义的属性组织 Clipper 字段。 - 用真实页面校验:在定任何选择器之前,通过 WebFetch 或浏览器 DOM 快照抓取示例 URL,分析 Schema.org JSON、Meta 与选择器,并对照抓取结果逐项验证。
- 按 schema 起草并复核变量:依照
references/json-schema.md生成合法 JSON;Preset、Schema、Selector 必须在分析中可验证——无法验证时要说明并换 URL 或截图。
输出始终以 JSON 代码块 给出,便于直接复制导入;细节见技能内 references/(变量、过滤器、Base 映射、页面分析)。
边界与注意
- 绝不猜测选择器;无法访问 DOM 或元素缺失时,应换示例链接,而不是硬写脆弱类名链。
- 优先
data属性、语义角色、稳定 ID;在推理里写明目标元素(如「侧边栏关于段落」),减少错配。 - 需要你先提供示例剪辑 URL(及可选的 Base 路径),技能才能走完校验闭环。
使用场景
- 已在 `Templates/Bases/` 定义菜谱 Base,需要为某美食站写 Clipper 模板且字段与 `Recipes.base` 一致
- 反复从 YouTube 剪藏视频页,希望标题、频道、描述等选择器经示例 URL 抓取验证后再导入
- 通用文章站剪藏时,要先对照页面 Schema.org 与 Meta 再定 Preset/Selector,避免导入后正文错位
- 现有 Clipper 模板部分字段为空,需用 WebFetch 分析 DOM 并替换不稳定类名选择器
适合人员
- 用 Obsidian Bases 管理笔记类型,要把 Web Clipper 剪藏字段对齐到既有 schema 的知识库维护者
- 固定从少数网站(如视频、博客、菜谱站)入库,需要站点级 JSON 模板而非通用默认配置的用户
- 会维护 `*.base` 与剪藏工作流,愿意提供示例 URL 配合选择器校验的 PKM 实践者
- 写过 Clipper JSON 但导入后元数据对不上,需要按技能工作流重做变量与选择器验证的 Obsidian 用户