What are userscripts?

Userscripts are small JavaScript programs that run in your browser via extensions like Tampermonkey to modify how specific websites look or function.

How do I handle elements that load dynamically?

This skill provides specialized templates using MutationObservers to detect and modify elements that appear after the initial page load.

Can Claude help me find the right CSS selectors?

Yes, the skill includes a DOM inspection phase where Claude can analyze fetched HTML or user-provided MHTML files to identify stable selectors like data-testids.

Which script managers does this skill support?

The skill is designed to work with all major userscript managers, including Tampermonkey, Violentmonkey, and Greasemonkey.

How do I install the scripts I create?

Once Claude generates the .user.js file, you simply copy the code into a new script within your browser extension and reload the target website.

Userscript Development

Name: Userscript Development
Author: denolfe

bydenolfe

•

Browser Automation

Streamlines the creation and debugging of Tampermonkey, Violentmonkey, and Greasemonkey scripts to customize web behavior.

The Userscript Development skill provides a structured framework for building browser scripts that modify website appearance and functionality. It guides Claude through a specialized workflow—from gathering site requirements and inspecting DOM structures to implementing robust MutationObservers for dynamic content. By utilizing standardized metadata templates and best practices for selector stability, this skill helps users reliably inject CSS, automate tasks, and add custom keyboard shortcuts to any web application.

Key Features

01Guided multi-phase workflow for requirement gathering and DOM analysis

02Strategic selector advice to avoid fragile, auto-generated class names

03Production-ready templates for CSS overrides and DOM manipulation

04Comprehensive reference for @run-at timing and @grant permissions

05Advanced patterns for handling dynamic content and SPA navigation

0682 GitHub stars

Use Cases

01Enhancing web applications with custom features like scroll markers or focus management

02Automating repetitive web tasks and adding productivity-focused keyboard shortcuts

03Creating custom themes or hiding intrusive elements on frequently used websites

Key Features

01Guided multi-phase workflow for requirement gathering and DOM analysis

02Strategic selector advice to avoid fragile, auto-generated class names

03Production-ready templates for CSS overrides and DOM manipulation

04Comprehensive reference for @run-at timing and @grant permissions

05Advanced patterns for handling dynamic content and SPA navigation

0682 GitHub stars

Use Cases

01Enhancing web applications with custom features like scroll markers or focus management

02Automating repetitive web tasks and adding productivity-focused keyboard shortcuts

03Creating custom themes or hiding intrusive elements on frequently used websites