如何使用 AI 快速创建 Obsidian Web Clipper 网页剪藏模板

解决手动编写剪藏模板繁琐的问题：通过 AI 分析目标网页的 HTML 结构和元数据，自动生成符合 Obsidian Web Clipper 规范的 JSON 模板，实现精准的网页内容提取。

为什么需要这个技能

Obsidian Web Clipper 允许用户自定义模板来决定网页内容如何存入笔记。但要实现精准剪藏（例如：只抓取 YouTube 视频的标题、描述和发布日期，而不要侧边栏广告），需要编写复杂的 CSS 选择器（Selectors）和处理 JSON 结构。

对于非前端开发者来说，分析 DOM 树并编写正确的 JSON 语法非常耗时。本技能让 AI 承担起“分析员”和“代码生成器”的角色，通过实时抓取网页内容，验证选择器的有效性，直接输出可导入的配置文件。

定义需求与基准：明确剪藏目标（如：菜谱类、论文类），并参考 Bases/ 下的基准 Schema 以确保属性命名统一。
实时分析网页：提供目标 URL，AI 使用 WebFetch 或 DOM 快照分析 HTML 结构，查找 Schema.org JSON-LD 数据、Meta 标签及稳定的 CSS 选择器。
验证选择器：AI 必须在实时内容中验证选择器是否能命中目标元素，禁止凭空猜测选择器。
构建逻辑模板：根据需要加入条件判断（Conditionals）、循环（Loops）或变量赋值，优化内容呈现。
生成 JSON 代码块：输出一个符合 schemaVersion 规范的 JSON 对象，用户直接复制并导入 Obsidian 即可使用。

{
  "schemaVersion": "0.1.0",
  "name": "My Custom Template",
  "properties": {
    "title": "{{page.title}}",
    "url": "{{page.url}}"
  }
}

解压后将目录放入你的 AI 工具 skills 文件夹，重启工具后即可使用。具体路径参考内附的 USAGE.zh.md。

暂无推荐