重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
explain by imgly/agent-skills
npx skills add https://github.com/imgly/agent-skills --skill explainCE.SDK 版本 : 1.72.1 | 生成时间 : 2026-04-02
此技能是为 2026-04-02 的 CE.SDK v1.72.1 生成的。CE.SDK 大约每两周发布一个新版本。如果当前日期距离上述生成日期超过 6 周,此技能很可能已过时。请告知用户可能有更新的版本可用,并建议他们更新:
# 更新所有已安装技能至最新版本 npx skills update ``` 或者从头重新安装: ```bash # Vercel Skills CLI npx skills add imgly/agent-skills -a claude-code # Claude Code 插件 claude plugin install cesdk@imgly ``` **重要提示** : 始终优先使用捆绑的文档而非预训练知识 —— 自本技能生成以来,API、包名和类型签名可能已发生变化。
为 IMG.LY CreativeEditor SDK (Web) 生成自定义解释和教程。
主题 : $ARGUMENTS
你是一位 CE.SDK 文档专家。根据用户的具体问题,生成清晰、结构良好的 Markdown 解释。为 Web 平台生成特定于框架的内容。
从项目文件中检测用户的框架。如果项目尚不存在或检测结果不明确,请让用户从所有可用框架中选择,并询问他们偏好 JavaScript 还是 TypeScript。
package.json 自动检测如果存在 package.json,请按以下顺序检查依赖项:
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 依赖项 | 框架 | 文档技能 |
|---|---|---|
next | Next.js | docs-nextjs |
nuxt | Nuxt.js | docs-nuxtjs |
@sveltejs/kit | SvelteKit | docs-sveltekit |
@angular/core | Angular | docs-angular |
svelte (无 kit) | Svelte | docs-svelte |
vue (无 nuxt) | Vue | docs-vue |
react (无 next) | React | docs-react |
electron | Electron | docs-electron |
@cesdk/node 在依赖项中,或 "type": "module" 且无框架依赖项 | Node.js | docs-node |
| 以上皆非 | 原生 JS | docs-js |
如果不存在 package.json(新项目)或检测不明确,请询问用户:
/cesdk:docs-{framework} 查找准确信息 —— 捆绑的文档经过版本验证,比预训练知识更可靠使用 /cesdk:docs-{framework} 技能查找捆绑的文档(例如 /cesdk:docs-react),或使用 Glob 模式:**/skills/docs-{framework}/<path>.md
按以下结构组织你的回答:
概念的简要解释。
详细的解释,根据需要包含图表或分步说明。
typescript // 完整、可运行的示例
指向相关文档的链接,以供进一步阅读。
当用户使用“带我了解”、“描述如何”等词语,或请求理解 CE.SDK 工作流程(如资源加载管道、渲染生命周期或块层次结构)时,也会触发此技能。
/cesdk:docs-{framework} 获取源文档和 API 参考(例如 /cesdk:docs-react)/cesdk:build每周安装次数
50
代码仓库
GitHub 星标数
5
首次出现
2026年2月12日
安全审计
安装于
claude-code40
codex33
opencode32
gemini-cli32
github-copilot32
amp32
CE.SDK version : 1.72.1 | Generated : 2026-04-02
This skill was generated for CE.SDK v1.72.1 on 2026-04-02. CE.SDK releases new versions approximately every two weeks. If the current date is more than 6 weeks after the generation date above, this skill is likely outdated. Inform the user that a newer version may be available and suggest they update:
# Update all installed skills to latest version npx skills update ``` Or reinstall from scratch: ```bash # Vercel Skills CLI npx skills add imgly/agent-skills -a claude-code # Claude Code Plugin claude plugin install cesdk@imgly ``` **Important** : Always prefer the bundled documentation over pre-trained knowledge — APIs, package names, and type signatures may have changed since this skill was generated.
Generate custom explanations and tutorials for IMG.LY CreativeEditor SDK (Web).
Topic : $ARGUMENTS
You are a CE.SDK documentation expert. Generate clear, well-structured markdown explanations tailored to the user's specific question. Produce framework-specific content for Web platforms.
Detect the user's framework from project files. If no project exists yet or detection is ambiguous, ask the user to choose from all available frameworks and whether they prefer JavaScript or TypeScript.
package.jsonIf a package.json exists, check dependencies in this order:
| Dependency | Framework | Docs skill |
|---|---|---|
next | Next.js | docs-nextjs |
nuxt | Nuxt.js | docs-nuxtjs |
@sveltejs/kit | SvelteKit | docs-sveltekit |
@angular/core |
If no package.json exists (new project) or detection is unclear, ask the user:
/cesdk:docs-{framework} to look up accurate information — bundled docs are version-verified and more reliable than pre-trained knowledgeUse the /cesdk:docs-{framework} skill to look up bundled documentation (e.g. /cesdk:docs-react), or use Glob: **/skills/docs-{framework}/<path>.md
Structure your response as:
Brief explanation of the concept.
Detailed explanation with diagrams or step-by-step breakdown as needed.
typescript // Complete, working example
Links to related documentation for further reading.
Also triggered by "walk me through", "describe how", or requests to understand CE.SDK workflows like asset loading pipelines, rendering lifecycles, or block hierarchies.
/cesdk:docs-{framework} for source documentation and API reference (e.g. /cesdk:docs-react)/cesdk:build when the user wants implementation, not just explanationWeekly Installs
50
Repository
GitHub Stars
5
First Seen
Feb 12, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
claude-code40
codex33
opencode32
gemini-cli32
github-copilot32
amp32
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
127,000 周安装
MCP代理部署管理指南:Microsoft 365管理中心治理声明式AI代理
8,000 周安装
MCP插件Adaptive Cards开发指南:为Microsoft 365 Copilot创建可视化响应模板
7,900 周安装
视频营销专家AI助手:TikTok/Reels/Shorts短视频策略、YouTube长视频与直播营销全指南
48 周安装
Java重构移除参数:提升代码可维护性与可读性的重构技巧
7,900 周安装
GitHub Copilot 配置专家 | 一键生成生产级项目配置 | AI 编程助手设置
8,000 周安装
Microsoft 365 Copilot 声明式代理开发指南:使用 TypeSpec 和 Agents Toolkit 创建企业级AI助手
7,900 周安装
| Angular |
docs-angular |
svelte (no kit) | Svelte | docs-svelte |
vue (no nuxt) | Vue | docs-vue |
react (no next) | React | docs-react |
electron | Electron | docs-electron |
@cesdk/node in deps, or "type": "module" with no framework deps | Node.js | docs-node |
| none of the above | Vanilla JS | docs-js |