Agent skill

cdn-usage

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

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/devops/cdn-usage-dave1010-tools-1aa1de62

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

Example:

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

cdnjs

esm.sh

  • Use for live ESM transforms, not static files. Transforms TS/TSX on the fly.
  • Eg import * as THREE from "https://esm.sh/three@0.180.0";
  • tsx mode: load https://esm.sh/tsx as a module → inline

Didn't find tool you were looking for?

Be as detailed as possible for better results