Obsidian clipper template creator skill

Guide for creating templates for the Obsidian Web Clipper.

by davila7·MIT license·★ 32,299 Stars on the repo·GitHub ↗

Use now

Files of Obsidian clipper template creator

davila7/main1 file shown
SKILL.md
Show the full text55 lines
obsidian-clipper-template-creator/SKILL.md55 lines · 2.5 KB

Obsidian Web Clipper Template Creator

This skill helps you create importable JSON templates for the Obsidian Web Clipper.

Workflow

  1. Identify User Intent: specific site (YouTube), specific type (Recipe), or general clipping?
  2. Check Existing Bases: The user likely has a "Base" schema defined in Templates/Bases/.
    • Action: Read Templates/Bases/*.base to find a matching category (e.g., Recipes.base).
    • Action: Use the properties defined in the Base to structure the Clipper template properties.
    • See references/bases-workflow.md for details.
  3. Fetch & Analyze Reference URL: Validate variables against a real page.
    • Action: Ask the user for a sample URL of the content they want to clip (if not provided).
    • Action: Use WebFetch to retrieve the page HTML.
    • Action: Analyze the HTML for Schema.org JSON, Meta tags, and CSS selectors.
    • See references/analysis-workflow.md for analysis techniques.
  4. Draft the JSON: Create a valid JSON object following the schema.
  5. Verify Variables: Ensure the chosen variables (Preset, Schema, Selector) exist in your analysis.

Output Format

ALWAYS output the final result as a JSON code block that the user can copy and import.

{
  "schemaVersion": "0.1.0",
  "name": "My Template",
  ...
}

Resources

Official Documentation

Examples

See assets/ for JSON examples.

1---
2name: obsidian-clipper-template-creator
3description: Guide for creating templates for the Obsidian Web Clipper. Use when you want to create a new clipping template, understand available variables, or format clipped content.
4---
5 
6# Obsidian Web Clipper Template Creator
7 
8This skill helps you create importable JSON templates for the Obsidian Web Clipper.
9 
10## Workflow
11 
121. **Identify User Intent:** specific site (YouTube), specific type (Recipe), or general clipping?
132. **Check Existing Bases:** The user likely has a "Base" schema defined in `Templates/Bases/`.
14 * **Action:** Read `Templates/Bases/*.base` to find a matching category (e.g., `Recipes.base`).
15 * **Action:** Use the properties defined in the Base to structure the Clipper template properties.
16 * See [references/bases-workflow.md](references/bases-workflow.md) for details.
173. **Fetch & Analyze Reference URL:** Validate variables against a real page.
18 * **Action:** Ask the user for a sample URL of the content they want to clip (if not provided).
19 * **Action:** Use `WebFetch` to retrieve the page HTML.
20 * **Action:** Analyze the HTML for Schema.org JSON, Meta tags, and CSS selectors.
21 * See [references/analysis-workflow.md](references/analysis-workflow.md) for analysis techniques.
224. **Draft the JSON:** Create a valid JSON object following the schema.
23 * See [references/json-schema.md](references/json-schema.md).
245. **Verify Variables:** Ensure the chosen variables (Preset, Schema, Selector) exist in your analysis.
25 * See [references/variables.md](references/variables.md).
26 
27## Output Format
28 
29**ALWAYS** output the final result as a JSON code block that the user can copy and import.
30 
31```json
32{
33 "schemaVersion": "0.1.0",
34 "name": "My Template",
35 ...
36}
37```
38 
39## Resources
40 
41* [references/variables.md](references/variables.md) - Available data variables.
42* [references/filters.md](references/filters.md) - Formatting filters.
43* [references/json-schema.md](references/json-schema.md) - JSON structure documentation.
44* [references/bases-workflow.md](references/bases-workflow.md) - How to map Bases to Templates.
45* [references/analysis-workflow.md](references/analysis-workflow.md) - How to validate page data.
46 
47### Official Documentation
48* [Variables](https://help.obsidian.md/web-clipper/variables)
49* [Filters](https://help.obsidian.md/web-clipper/filters)
50* [Templates](https://help.obsidian.md/web-clipper/templates)
51 
52## Examples
53 
54See [assets/](assets/) for JSON examples.
55 

Discussion