CDN 库
通过 jsDelivr 搜索 npm 包并选择版本，快速添加依赖。
快速加库
CDN 库弹窗通过 jsDelivr 搜索 npm 包，选定包后再选版本写入。默认以 Script（UMD）写入 HTML；可切换为 ES Module（import map + JS import）。包若带样式通道（如 Swiper、Bootstrap、Leaflet，或纯 CSS 库），会在版本步默认勾选，向 CSS 面板写入 @import，也可取消。
打开 CDN 库
在可编辑的作品页：于 HTML 或 JavaScript 面板输入 pixcdn 后按 Tab，或从编辑器工具菜单打开「CDN 库」弹窗。只读页面无法添加库。用 pixcdn-<slug> 预设直插时，若该包带样式通道，会一并写入对应 CSS。
搜索并插入
输入包名，选择 Script 或 ES Module，点选搜索结果后进入版本列表（可标「最新」），再选版本完成插入。常用库的版本列表仅含平台已验证可用的主版本区间，破坏性大版本若 CDN 路径不可用则不会出现。版本步会按包能力纠正插入方式（不改你的偏好），并显示将写入的面板；有样式通道时可勾选是否同时 @import。默认只显示常用库；可展开「平台未收录」结果（须通过 jsDelivr ESM 探测，说明为 npm 原文；选版本插入前会再探测，失败则无法插入）。需要 Tailwind 时请自行添加 @tailwindcss/browser，或在 CSS 中 @import "tailwindcss"。
不支持的情况
不能通过 CDN 插入 React、Vue、Preact、StyleX、Panda，请到预览空态 chip 改用对应模板。自动插入或手动书写的库样式 @import 须使用允许的主机——详见 CSS @import 指南中的预览白名单。Font Awesome、Remix、Lucide 等收录图标库的写法和补全见「图标库」指南。