Agent skill
cdn-usage
Use when adding external browser dependencies via CDN - Provides CDN selection guidance to ensure reliable script loading.
Install this agent skill to your Project
npx add-skill https://github.com/dave1010/tools/tree/main/.agents/skills/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.
- Eg
import * as THREE from "https://esm.sh/three@0.180.0"; - tsx mode: load https://esm.sh/tsx as a module → inline
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
dave1010/tools
cloudflare-kv
Use when persisting tool data in Cloudflare KV - Describes bindings, key naming, and function conventions.
dave1010/tools
writing-skills
Use when creating or updating SKILL.md documentation - Explains how and why to create a skill.
dave1010/tools
llm-inference
Use when wanting to interact with any LLM - Explains available inference endpoints so the agent selects suitable models.
dave1010/tools
github-integration
Use when building GitHub-based features - Explains auth token usage, Gist reading/writing and rendering helpers.
dave1010/tools
maps
Use when building interactive map tools - Explains MapLibre setup, tiles, and common UI patterns.
mattpocock/skills
edit-article
Edit and improve articles by restructuring sections, improving clarity, and tightening prose. Use when user wants to edit, revise, or improve an article draft.
Didn't find tool you were looking for?