ahmad-ubaidillah/obsidian-clipper-template-creator
aizen-gate/skills-reference/.agent/skills/obsidian-clipper-template-creator/SKILL.md
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.
tools
Updated Mar 27, 2026
$ install --global
skillsauthnpx skillsauth add ahmad-ubaidillah/aizen-gate obsidian-clipper-template-creatorInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Mar 30, 2026, 10:15 AM59.1s9 files scanned
SKILL.md
- version:
- 4.1.0-fractal
- 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
- Identify User Intent: specific site (YouTube), specific type (Recipe), or general clipping?
- Check Existing Bases: The user likely has a "Base" schema defined in
Templates/Bases/.- Action: Read
Templates/Bases/*.baseto 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.
- Action: Read
- 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 (REQUIRED): Use
WebFetchor a browser DOM snapshot to retrieve page content before choosing any selector. - Action: Analyze the HTML for Schema.org JSON, Meta tags, and CSS selectors.
- Action (REQUIRED): Verify each selector against the fetched content. Do not guess selectors.
- See references/analysis-workflow.md for analysis techniques.
- Draft the JSON: Create a valid JSON object following the schema.
- See references/json-schema.md.
- Verify Variables: Ensure the chosen variables (Preset, Schema, Selector) exist in your analysis.
- Action (REQUIRED): If a selector cannot be verified from the fetched content, state that explicitly and ask for another URL.
- See references/variables.md.
Selector Verification Rules
- Always verify selectors against live page content before responding.
- Never guess selectors. If the DOM cannot be accessed or the element is missing, ask for another URL or a screenshot.
- Prefer stable selectors (data attributes, semantic roles, unique IDs) over fragile class chains.
- Document the target element in your reasoning (e.g., "About sidebar paragraph") to reduce mismatch.
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
- references/variables.md - Available data variables.
- references/filters.md - Formatting filters.
- references/json-schema.md - JSON structure documentation.
- references/bases-workflow.md - How to map Bases to Templates.
- references/analysis-workflow.md - How to validate page data.
🧠 Knowledge Modules (Fractal Skills)
1. Official Documentation
Related Skills
ahmad-ubaidillah/angular
development
VerifiedTrustedCommunity
Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns.
SKILL.mdUpdated Mar 28, 2026
ahmad-ubaidillah/angular-ui-patterns
development
VerifiedTrustedCommunity
Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.
SKILL.mdUpdated Mar 28, 2026
ahmad-ubaidillah/angular-state-management
tools
VerifiedTrustedCommunity
Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing component stores, choosing between state solutions, or migrating from legacy patterns.
SKILL.mdUpdated Mar 28, 2026
ahmad-ubaidillah/angular-migration
development
VerifiedTrustedCommunity
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or ...
SKILL.mdUpdated Mar 28, 2026