Toolverse
All skills
Frontend

obsidian-clipper-template-creator

by davila7

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.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
davila7
Category
Frontend
Views
10
GitHub repo

About this skill

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.

How to use

  1. Uruchom skill i określ, co chcesz clipować — konkretną witrynę (np. YouTube), typ zawartości (przepis, artykuł) czy ogólne clipping. 2. Skill sprawdzi Twoje istniejące bazy szablonów w folderze Templates/Bases/ i zaproponuje pasującą kategorię (np. Recipes.base) — potwierdź lub wybierz inną. 3. Podaj przykładowy URL strony, którą chcesz clipować. Skill pobierze HTML i przeanalizuje go w poszukiwaniu Schema.org, meta tagów i selektorów CSS. 4. Skill wyświetli dostępne zmienne (Preset, Schema, Selector) i filtry formatowania — wybierz te, które pasują do Twoich potrzeb. 5. Skill wygeneruje gotowy JSON szablon — skopiuj go i zaimportuj bezpośrednio do Obsidian Web Clippera. 6. Przetestuj szablon na rzeczywistej stronie i dostosuj zmienne, jeśli potrzeba.

Related skills

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Frontend
65135

interactive-dashboard-builder

by anthropics

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

Frontend
2298

browser-automation

by browserbase

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Triggers include \

Frontend
21175

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

angular

by sickn33

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns. Use PROACTIVELY for Angular development, component architecture, state management, performance optimization, and migration to modern

Frontend
2656