Userscript work usually breaks at the runtime and metadata boundary, not in the page logic. Choose the runtime first, declare the minimum permissions up front, then debug in the environment where the script actually runs.
When to Use
Use this skill for:
- writing or fixing a Tampermonkey or ScriptCat userscript
- debugging injection timing, missing permissions, CSP workarounds, update checks, or
GM_* behavior
- deciding between a portable foreground script and ScriptCat-only
@background or @crontab
- adding config UI with
==UserConfig==
- packaging a ScriptCat
==UserSubscribe== bundle or preparing a CloudCat-compatible script
Do not use this skill for full browser extension development or general browser automation outside userscript managers.
Runtime Selection
digraph userscript_runtime {
"Need page DOM or page context?" [shape=diamond];
"Need persistent or scheduled work?" [shape=diamond];
"Need to install many scripts as one package?" [shape=diamond];
"Portable foreground script" [shape=box];
"ScriptCat background or crontab script" [shape=box];
"ScriptCat subscription package" [shape=box];
"Need page DOM or page context?" -> "Portable foreground script" [label="yes"];
"Need page DOM or page context?" -> "Need persistent or scheduled work?" [label="no"];
"Need persistent or scheduled work?" -> "ScriptCat background or crontab script" [label="yes"];
"Need persistent or scheduled work?" -> "Need to install many scripts as one package?" [label="no"];
"Need to install many scripts as one package?" -> "ScriptCat subscription package" [label="yes"];
"Need to install many scripts as one package?" -> "Portable foreground script" [label="no"];
}
Preflight
- Confirm the manager and browser. On Manifest V3 browsers, ScriptCat may require
Allow User Scripts or browser developer mode before scripts run.
- Decide page script versus background script before writing code. ScriptCat background scripts cannot touch the DOM.
- Start with metadata, not implementation:
@match, @grant, @connect, @run-at, and any update URLs.
- Prefer portable
==UserScript== patterns for ordinary page scripts. Only switch to ScriptCat-only headers when the requested behavior actually needs them.
Workflow
- Choose the runtime and metadata first.
- Declare the smallest permission surface that fits the task.
- Implement against the runtime you chose.
- Debug where the code really runs.
- Foreground scripts: page console plus manager logs.
- ScriptCat background scripts: run log first, then
background.html for real-environment debugging.
- Publish with the right update model.
- Normal scripts: keep
@version accurate and add @updateURL or @downloadURL only when needed.
- Subscription bundles: use
==UserSubscribe==, HTTPS URLs, and subscription-level @connect.
Quick Reference
| Intent |
Default choice |
Watch for |
| Page UI, DOM scraping, page patching |
Portable ==UserScript== |
@match, @grant, @run-at, CSP-sensitive injection |
| Cross-origin API access |
GM_xmlhttpRequest with explicit @connect |
Missing hosts, cookie behavior differences, user authorization |
| Long-running worker |
ScriptCat @background |
No DOM, must return Promise for async work |
| Scheduled task |
ScriptCat @crontab |
Only first @crontab counts, prefer 5-field cron, avoid interval overlap |
| User-editable settings |
==UserConfig== plus GM_getValue |
Block placement and group.key naming |
| Silent bundle install and updates |
==UserSubscribe== |
HTTPS, user.sub.js, subscription connect overrides child scripts |
Common Mistakes
- Missing
@grant for APIs the script actually uses.
- Missing
@connect for hosts used by GM_xmlhttpRequest or GM_cookie.
- Treating
@include as a better default than @match for ordinary host targeting.
- Using DOM APIs inside ScriptCat background or cron scripts.
- Returning from a ScriptCat background script before async GM work is truly finished.
- Mixing
==UserScript== and ==UserSubscribe== packaging concepts.
- Putting
==UserConfig== in the wrong place or reading config keys without the group.key name.
- Assuming Tampermonkey and ScriptCat storage, notification, or request behavior is identical.
References
1---2name: develop-userscripts3description: Use when building, debugging, packaging, or publishing browser userscripts for Tampermonkey or ScriptCat, including GM APIs, metadata blocks, permission issues, @match/@grant/@connect setup, ScriptCat background or scheduled scripts, UserConfig blocks, or subscription workflows.4---56Userscript work usually breaks at the runtime and metadata boundary, not in the page logic. Choose the runtime first, declare the minimum permissions up front, then debug in the environment where the script actually runs.78## When to Use910Use this skill for:1112- writing or fixing a Tampermonkey or ScriptCat userscript13- debugging injection timing, missing permissions, CSP workarounds, update checks, or `GM_*` behavior14- deciding between a portable foreground script and ScriptCat-only `@background` or `@crontab`15- adding config UI with `==UserConfig==`16- packaging a ScriptCat `==UserSubscribe==` bundle or preparing a CloudCat-compatible script1718Do not use this skill for full browser extension development or general browser automation outside userscript managers.1920## Runtime Selection2122```dot23digraph userscript_runtime {24 "Need page DOM or page context?" [shape=diamond];25 "Need persistent or scheduled work?" [shape=diamond];26 "Need to install many scripts as one package?" [shape=diamond];27 "Portable foreground script" [shape=box];28 "ScriptCat background or crontab script" [shape=box];29 "ScriptCat subscription package" [shape=box];3031 "Need page DOM or page context?" -> "Portable foreground script" [label="yes"];32 "Need page DOM or page context?" -> "Need persistent or scheduled work?" [label="no"];33 "Need persistent or scheduled work?" -> "ScriptCat background or crontab script" [label="yes"];34 "Need persistent or scheduled work?" -> "Need to install many scripts as one package?" [label="no"];35 "Need to install many scripts as one package?" -> "ScriptCat subscription package" [label="yes"];36 "Need to install many scripts as one package?" -> "Portable foreground script" [label="no"];37}38```3940## Preflight4142- Confirm the manager and browser. On Manifest V3 browsers, ScriptCat may require `Allow User Scripts` or browser developer mode before scripts run.43- Decide page script versus background script before writing code. ScriptCat background scripts cannot touch the DOM.44- Start with metadata, not implementation: `@match`, `@grant`, `@connect`, `@run-at`, and any update URLs.45- Prefer portable `==UserScript==` patterns for ordinary page scripts. Only switch to ScriptCat-only headers when the requested behavior actually needs them.4647## Workflow48491. Choose the runtime and metadata first.502. Declare the smallest permission surface that fits the task.513. Implement against the runtime you chose.524. Debug where the code really runs.53 - Foreground scripts: page console plus manager logs.54 - ScriptCat background scripts: run log first, then `background.html` for real-environment debugging.555. Publish with the right update model.56 - Normal scripts: keep `@version` accurate and add `@updateURL` or `@downloadURL` only when needed.57 - Subscription bundles: use `==UserSubscribe==`, HTTPS URLs, and subscription-level `@connect`.5859## Quick Reference6061| Intent | Default choice | Watch for |62| ------------------------------------ | -------------------------------------------- | ------------------------------------------------------------------------- |63| Page UI, DOM scraping, page patching | Portable `==UserScript==` | `@match`, `@grant`, `@run-at`, CSP-sensitive injection |64| Cross-origin API access | `GM_xmlhttpRequest` with explicit `@connect` | Missing hosts, cookie behavior differences, user authorization |65| Long-running worker | ScriptCat `@background` | No DOM, must return `Promise` for async work |66| Scheduled task | ScriptCat `@crontab` | Only first `@crontab` counts, prefer 5-field cron, avoid interval overlap |67| User-editable settings | `==UserConfig==` plus `GM_getValue` | Block placement and `group.key` naming |68| Silent bundle install and updates | `==UserSubscribe==` | HTTPS, `user.sub.js`, subscription `connect` overrides child scripts |6970## Common Mistakes7172- Missing `@grant` for APIs the script actually uses.73- Missing `@connect` for hosts used by `GM_xmlhttpRequest` or `GM_cookie`.74- Treating `@include` as a better default than `@match` for ordinary host targeting.75- Using DOM APIs inside ScriptCat background or cron scripts.76- Returning from a ScriptCat background script before async GM work is truly finished.77- Mixing `==UserScript==` and `==UserSubscribe==` packaging concepts.78- Putting `==UserConfig==` in the wrong place or reading config keys without the `group.key` name.79- Assuming Tampermonkey and ScriptCat storage, notification, or request behavior is identical.8081## References8283- [`references/metadata-and-api-map.md`](./references/metadata-and-api-map.md)84- [`references/scriptcat-extensions.md`](./references/scriptcat-extensions.md)
kintsugi-programmer