catalan-adobe/domain-mask
skills/domain-mask/SKILL.md
Mask a URL behind a custom domain for screencasts and demos. Adds a trusted HTTPS reverse proxy so the browser shows a clean display domain with a green padlock while serving content from the real target URL. Handles /etc/hosts, mkcert certificates, and cleanup automatically. Triggers on: "domain mask", "mask domain", "mock domain", "proxy URL", "demo URL", "fake domain", "screencast proxy", "mask URL for demo", "domain-mask".
development
Updated Apr 25, 2026
$ install --global
skillsauthnpx skillsauth add catalan-adobe/skills domain-maskInstall 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: Apr 25, 2026, 5:19 PM228.1s2 files scanned
SKILL.md
- name:
- domain-mask
- description:
- >-
- mkcert certificates, and cleanup automatically. Triggers on:
- domain mask",
domain-mask
Mask a URL behind a custom domain for screencasts and demos. Opens an
HTTPS reverse proxy so the browser address bar shows a clean domain
(e.g., wknd.adventures) while content is served from the real URL
(e.g., https://main--mysite--org.aem.page). Trusted certificate via
mkcert — no browser warnings.
Prerequisites
- Node 22+
- mkcert (
brew install mkcert && mkcert -install) - sudo access (for port 443 and /etc/hosts)
Script Location
if [[ -n "${CLAUDE_SKILL_DIR:-}" ]]; then
DOMAIN_MASK="${CLAUDE_SKILL_DIR}/scripts/domain-mask.mjs"
else
DOMAIN_MASK="$(find ~/.claude -path "*/domain-mask/scripts/domain-mask.mjs" \
-type f 2>/dev/null | head -1)"
fi
if [[ -z "$DOMAIN_MASK" || ! -f "$DOMAIN_MASK" ]]; then
echo "Error: domain-mask.mjs not found." >&2
fi
Workflow
Step 1: Gather inputs
Ask the user for two values (or extract from their message):
- Display domain — the domain to show in the browser (e.g.,
wknd.adventures) - Target URL — the real URL to proxy (e.g.,
https://gabrielwalt.github.io)
Step 2: Check prerequisites
which mkcert || echo "Install mkcert: brew install mkcert && mkcert -install"
If mkcert is missing, tell the user to install it and run mkcert -install
once to set up the local CA.
Step 3: Start the proxy
sudo node "$DOMAIN_MASK" <display-domain> <target-url>
The script handles everything automatically:
- Adds
127.0.0.1 <display-domain>to/etc/hosts - Generates a trusted HTTPS certificate via mkcert
- Starts an HTTPS reverse proxy on port 443
- Prints the URL to open
Tell the user:
- Open
https://<display-domain>in their browser - The address bar will show the display domain with a green padlock
- Press Ctrl+C when done — the script removes the hosts entry and cleans up temp certs automatically
Step 4: Confirm cleanup
After the user stops the proxy, verify cleanup succeeded by checking the script output. If it reports a warning about /etc/hosts cleanup, help the user remove the entry manually:
sudo sed -i '' '/<display-domain>/d' /etc/hosts
What the proxy does
- Forwards all requests to the target origin with rewritten
Hostheader - Rewrites
Locationheaders in redirects back to the display domain - Strips
strict-transport-securityheaders (prevents cert conflicts) - Strips
accept-encoding(avoids compressed responses) - Returns 502 on proxy errors
Limitations
- macOS only (
/etc/hostspath,brew install mkcert) - Requires sudo (privileged port 443 + hosts file)
- One display domain per invocation
- Does not rewrite URLs inside HTML/CSS/JS response bodies
Related Skills
catalan-adobe/reduce-page
tools
VerifiedTrustedCommunity
Reduce a webpage to a structural skeleton with semantic tokens. Two-phase pipeline: Phase 1 injects a browser script that tokenizes content ({TEXT}, {HEADING:n}, {IMAGE:WxH}, {CTA:label}, {LINK:label}, {INPUT:type}, {VIDEO}, {ICON}). Phase 2 applies LLM structural reasoning to collapse repeated patterns ({REPEAT:N}), remove decorative wrappers, strip utility classes, and produce skeleton.html + manifest.json. Use when migrating pages to EDS, analyzing page structure, extracting page blueprints, or preparing input for GenAI block generation. Triggers on: reduce page, page skeleton, page blueprint, extract structure, tokenize page, page reduction, structural skeleton, reduce URL.
SKILL.mdUpdated May 29, 2026
catalan-adobe/visual-tree
tools
VerifiedTrustedCommunity
Capture a spatial hierarchy of rendered DOM elements from any webpage. Injects a pre-built script via playwright-cli that walks the DOM, detects layout grids, extracts backgrounds, prunes invisible nodes, promotes elements rendered outside their DOM parent (overlays, fixed navs, modals), and tags overlay nodes with occlusion metadata. Returns three outputs: LLM-friendly indented text, structured JSON tree, and a nodeMap mapping positional IDs to CSS selectors with background and overlay data. Use before page decomposition, overlay detection, brand extraction, or any workflow that needs structured page analysis. Triggers on: visual tree, capture tree, page structure, page hierarchy, DOM tree, capture visual, page analysis, extract tree.
SKILL.mdUpdated Apr 25, 2026
catalan-adobe/video-digest
tools
VerifiedTrustedCommunity
Summarize any video by analyzing both audio and visuals. Downloads via yt-dlp, extracts transcript (YouTube captions or Whisper), pulls scene-detected keyframes, and produces a multimodal summary with clickable timestamped YouTube links. Use this skill whenever the user wants to summarize a YouTube video, digest a talk or tutorial, get notes from a video, extract key points from a recording, or says things like "tl;dw", "summarize this video", "what's in this video", or pastes a YouTube URL and asks for a summary. Also triggers for non-YouTube URLs that yt-dlp supports.
SKILL.mdUpdated Apr 25, 2026
catalan-adobe/spectrum-2-web
development
VerifiedTrustedCommunity
Design and build web UIs with Adobe Spectrum 2 design system. Applies S2 layout principles, visual hierarchy, spacing, and component composition to produce accessible interfaces. Outputs vanilla CSS with Spectrum tokens (static pages) or Spectrum Web Components (interactive apps). Recommends tier based on complexity. Covers sp-theme setup, side-effect imports, overlay system, form patterns, --mod-* token customization, and 14 critical gotchas. Use for: spectrum 2 web, SWC, sp-button, sp-theme, build UI with spectrum, S2 layout, spectrum application, adobe design system, web component form, spectrum overlay.
SKILL.mdUpdated Apr 25, 2026