Why does this skill forbid the use of double-slash comments?

Bookmarklets are often executed in contexts where line breaks are removed or compressed. Using '//' comments would cause the rest of the script to be treated as a comment, breaking the bookmarklet.

How do I install the bookmarklets generated by this skill?

You can copy the code starting with 'javascript:' directly into a bookmark URL, or use the provided installer link to generate a draggable button.

Can I use external libraries like jQuery in these bookmarklets?

Yes, the skill includes a specific pattern for dynamic library loading that allows you to pull in CDN-hosted libraries at runtime.

Does the generated code work in all modern browsers?

Yes, the skill follows modern JavaScript standards and provides patterns for checking API compatibility, such as the Navigator Clipboard API.

Bookmarklet Creator

Name: Bookmarklet Creator
Author: oaustegard

byoaustegard

•

119

•

Browser Automation

Generates browser-executable JavaScript bookmarklets with strict formatting, production-ready error handling, and instant installation support.

The Bookmarklet Creator skill enables Claude to generate robust, ready-to-use browser utilities by enforcing critical formatting standards required for bookmarklet execution. It automatically wraps code in IIFEs, ensures compatibility by replacing line comments with block comments, and prepends the required javascript: protocol for immediate use. This skill is ideal for developers needing to automate browser tasks, extract web data, or inject custom functionality into websites without the overhead of a full browser extension.

Key Features

01Strict block-comment enforcement to prevent browser execution errors

02Integrated error handling and user feedback patterns

03Support for dynamic library loading and clipboard API operations

04Standardized IIFE wrapping to isolate scope and prevent global collisions

05Automatic javascript: protocol prefixing for instant installation

06119 GitHub stars

Use Cases

01Building browser utilities for DOM manipulation and page debugging

02Creating custom web scraping tools that copy data to the clipboard

03Automating repetitive form filling or UI interactions on specific websites

Key Features

01Strict block-comment enforcement to prevent browser execution errors

02Integrated error handling and user feedback patterns

03Support for dynamic library loading and clipboard API operations

04Standardized IIFE wrapping to isolate scope and prevent global collisions

05Automatic javascript: protocol prefixing for instant installation

06119 GitHub stars

Use Cases

01Building browser utilities for DOM manipulation and page debugging

02Creating custom web scraping tools that copy data to the clipboard

03Automating repetitive form filling or UI interactions on specific websites