Claude-skill-registry cdn-usage

Name: cdn-usage
Author: majiayu000

Use when adding external browser dependencies via CDN - Provides CDN selection guidance to ensure reliable script loading.

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/cdn-usage" ~/.claude/skills/majiayu000-claude-skill-registry-cdn-usage && rm -rf "$T"

manifest: skills/data/cdn-usage/SKILL.md

CDNs (if needed)

UMD is probably best, unkess you're composing multiple modern packages and know they expose export syntax.
Skip integrity hashes (LLMs get them wrong)

LLM training data may get URLs wrong. Add

onerror="alert('Failed to load: ' + this.src)"

jsDelivr

Use npm syntax: https://cdn.jsdelivr.net/npm/package@1 (auto-resolves latest 1.x)
Works for ESM and UMD; safe default when unsure.

Example:

<script type="module">
import duckdbduckdbWasm from 'https://cdn.jsdelivr.net/npm/@duckdb/duckdb-wasm@1.30.0/+esm'
</script>

cdnjs

Only for very well-known libraries
Eg https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js
Explicit versions (@1.0.0) since it lacks semver resolution.

esm.sh

Use for live ESM transforms, not static files. Transforms TS/TSX on the fly.

import * as THREE from "https://esm.sh/three@0.180.0";

tsx mode: load https://esm.sh/tsx as a module → inline <script type="text/tsx">