Agent Skills
返回列表
📚

Obsidian 网页剪辑模板创建器

知识管理 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/obsidian-clipper-template-creator。

技能介绍

问题在哪

Obsidian Web Clipper 靠 JSON 模板把网页字段映射进笔记,但手写模板很容易踩坑:选择器对着「想象中的 DOM」写,导入后标题、正文或元数据对不上;属性名又与你在 Obsidian 里用的 Base schema 不一致,剪下来的笔记进不了既有分类。

技能怎么做

本技能按固定工作流帮你产出可导入的 JSON 模板,而不是凭经验猜 CSS。

  1. 对齐意图与 Base:先区分是站点专用(如 YouTube)、类型专用(如菜谱)还是通用剪辑;在 Templates/Bases/ 下读取匹配的 *.base,用其中定义的属性组织 Clipper 字段。
  2. 用真实页面校验:在定任何选择器之前,通过 WebFetch 或浏览器 DOM 快照抓取示例 URL,分析 Schema.org JSON、Meta 与选择器,并对照抓取结果逐项验证。
  3. 按 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 用户