Obsidian Clipper Template

Obsidian clipper template creator

by davila7 · MIT license · ★ 32,299 on GitHub

Obsidian clipper template creator cover

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.

---
name: obsidian-clipper-template-creator
description: 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.
---

# 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](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).

Overview

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

Manual install (npx, ZIP)
Claude Codenpx skills add davila7/claude-code-templates --skill obsidian-clipper-template-creator -g -a claude-code
Claude Code (degit)npx degit davila7/claude-code-templates/cli-tool/components/skills/productivity/obsidian-clipper-template-creator#main ~/.claude/skills/obsidian-clipper-template-creator
Claude.ai / desktopZip the folder and upload it under Settings → Capabilities → Skills.
Codex, Cursor, other agentsPoint them at SKILL.md. The other files are plain text.

Connects with Agent Alley MCP · agentalley.io/mcp

Files included

  • SKILL.md2.5 KB
Read SKILL.md here
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 
View all files on GitHub →

Details

License
MIT
Stars on the repo
★ 32,299
Checked
Source
davila7/claude-code-templates ↗
Creator
davila7 · 212 listings
View creator

Similar skills

See all →

More from davila7

Skill2D Game Developmentdavila7/claude-code-templates · by davila72D game development principles. Sprites, tilemaps, physics, camera.★ 32.3k GitHub starsSkill3D Game Development Principlesdavila7/claude-code-templates · by davila73D game development principles. Rendering, shaders, physics, cameras.★ 32.3k GitHub starsSkill3D Web Experience Builderdavila7/claude-code-templates · by davila7Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.★ 32.3k GitHub starsSkillSplit Test Setupdavila7/claude-code-templates · by davila7When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," or "hypothesis." For tracking implementation, see analytics-tracking.★ 32.3k GitHub starsAgentResearch Literature Synthesizerdavila7/claude-code-templates · by davila7Academic research synthesis specialist. Use PROACTIVELY for comprehensive research on academic topics, literature reviews, technical investigations, and well-cited analysis combining multiple sources. <example>Context: A podcast episode needs a segment grounded in peer-reviewed evidence with formal citations. user: "Research the current state of transformer efficiency techniques for the episode, with proper academic citations." assistant: "I'll use the academic-research-synthesizer agent to search arXiv and Semantic Scholar, extract full-text findings via WebFetch, and produce a cited literature synthesis with confidence levels." <commentary>Use academic-research-synthesizer (not comprehensive-researcher) when the episode segment needs peer-reviewed sourcing, formal citation format, and explicit confidence tagging rather than general-purpose multi-source coverage.</commentary></example> <example>Context: The episode-orchestrator has routed a "literature review" request for a technical deep-dive segment. user: "Summarize the research landscape on federated learning privacy guarantees." assistant: "I'll invoke academic-research-synthesizer to systematically search academic sources, note peer-review status per source, and synthesize consensus vs. open debates."</example>★ 32.3k GitHub starsAgentAcademic Research Specialistdavila7/claude-code-templates · by davila7Academic research specialist for scholarly sources, peer-reviewed papers, and academic literature. Use PROACTIVELY for research paper analysis, literature reviews, citation tracking, and academic methodology evaluation. <example>Context: The research-orchestrator has kicked off Phase 4 parallel research on 'efficacy of intermittent fasting' and needs peer-reviewed evidence. user: "Find the academic evidence on intermittent fasting outcomes." assistant: "I'll use the academic-researcher agent to search Semantic Scholar, PubMed, and OpenAlex for peer-reviewed studies and write structured findings to academic-research.md." <commentary>The request is specifically for scholarly/peer-reviewed evidence rather than general web coverage or code, so academic-researcher (not web-researcher or technical-researcher) is the right specialist.</commentary></example> <example>Context: The user wants a literature review comparing methodologies across studies on a topic. user: "Can you review the literature on transformer model interpretability and identify research gaps?" assistant: "Let me invoke the academic-researcher agent to pull foundational and recent papers, extract methodologies, and surface open research gaps." <commentary>Literature review, methodology extraction, and research-gap identification are core academic-researcher capabilities, distinct from technical-researcher's focus on code repositories and implementations.</commentary></example>★ 32.3k GitHub stars