By imgly
Autonomously scaffold and implement full CE.SDK web apps with photo/video/design editors across React, Vue, Svelte, Angular, Next.js, Nuxt, Electron, and Node.js. Query framework-specific docs, generate custom markdown explanations with diagrams and code examples.
Implement features, write code, and set up CE.SDK Web projects. Covers React, Vue.js, Svelte, Angular, Electron, Vanilla JavaScript, Node.js, Nuxt.js, Next.js, SvelteKit. Use when the user asks to implement, create, add, build, set up, or integrate something with CE.SDK for Web. Triggered by "help me add", "set up", "build a photo editor", or "create a design tool". Covers photo, video, and design editors. Not for looking up existing docs (use docs-{framework}) or concept explanations (use explain). <example> Context: User wants to build a Web app with CE.SDK user: "Help me set up CE.SDK in my project" assistant: "I'll use /cesdk:build to help set this up." </example> <example> Context: User wants to add a specific feature user: "Add text overlays to my image editor" assistant: "Let me use /cesdk:build to implement text overlays." </example>
Look up CE.SDK Angular reference docs, guides, and configuration pages. Use when the user needs CE.SDK docs for Angular — configuration, UI customization, export options, feature guides, or getting-started instructions. Also triggered by "IMG.LY", "CreativeEditor", "CE.SDK", or "cesdk" when the user needs an existing Angular doc page. Not for writing code (use build) or concept explanations (use explain). <example> Context: User asks about Angular configuration user: "How do I configure the editor in Angular?" assistant: "I'll use /cesdk:docs-angular to look up configuration options." </example> <example> Context: User needs Angular integration user: "How do I use CE.SDK in an Angular component?" assistant: "Let me use /cesdk:docs-angular to find the relevant documentation." </example>
Look up CE.SDK Electron reference docs, guides, and configuration pages. Use when the user needs CE.SDK docs for Electron — configuration, UI customization, export options, feature guides, or getting-started instructions. Also triggered by "IMG.LY", "CreativeEditor", "CE.SDK", or "cesdk" when the user needs an existing Electron doc page. Not for writing code (use build) or concept explanations (use explain). <example> Context: User asks about Electron configuration user: "How do I configure the editor in Electron?" assistant: "I'll use /cesdk:docs-electron to look up configuration options." </example> <example> Context: User needs Electron integration user: "How do I embed CE.SDK in an Electron app?" assistant: "Let me use /cesdk:docs-electron to find the relevant documentation." </example>
Look up CE.SDK Vanilla JavaScript reference docs, guides, and configuration pages. Use when the user needs CE.SDK docs for Vanilla JavaScript — configuration, UI customization, export options, feature guides, or getting-started instructions. Also triggered by "IMG.LY", "CreativeEditor", "CE.SDK", or "cesdk" when the user needs an existing Vanilla JavaScript doc page. Not for writing code (use build) or concept explanations (use explain). <example> Context: User asks about Vanilla JavaScript configuration user: "How do I configure the editor in Vanilla JavaScript?" assistant: "I'll use /cesdk:docs-js to look up configuration options." </example> <example> Context: User needs vanilla JS setup user: "How do I use CE.SDK without a framework?" assistant: "Let me use /cesdk:docs-js to find the relevant documentation." </example>
Look up CE.SDK Next.js reference docs, guides, and configuration pages. Use when the user needs CE.SDK docs for Next.js — configuration, UI customization, export options, feature guides, or getting-started instructions. Also triggered by "IMG.LY", "CreativeEditor", "CE.SDK", or "cesdk" when the user needs an existing Next.js doc page. Not for writing code (use build) or concept explanations (use explain). <example> Context: User asks about Next.js configuration user: "How do I configure the editor in Next.js?" assistant: "I'll use /cesdk:docs-nextjs to look up configuration options." </example> <example> Context: User asks about SSR compatibility user: "Does CE.SDK work with Next.js server-side rendering?" assistant: "Let me use /cesdk:docs-nextjs to find the relevant documentation." </example>
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Give your AI coding assistant expert-level knowledge of CreativeEditor SDK. Build photo editors, video editors, and design tools by describing what you want.
https://github.com/user-attachments/assets/d01073ca-4a6a-49eb-8155-faa25ff04595
Agent Skills are portable knowledge packs that plug into AI coding assistants. By installing the CE.SDK skills, you get:
| Skill | Description |
|---|---|
docs-react | Look up CE.SDK React reference guides and documentation |
docs-vue | Look up CE.SDK Vue.js reference guides and documentation |
docs-svelte | Look up CE.SDK Svelte reference guides and documentation |
docs-angular | Look up CE.SDK Angular reference guides and documentation |
docs-electron | Look up CE.SDK Electron reference guides and documentation |
docs-js | Look up CE.SDK Vanilla JavaScript reference guides and documentation |
docs-node | Look up CE.SDK Node.js reference guides and documentation |
docs-nuxtjs | Look up CE.SDK Nuxt.js reference guides and documentation |
docs-nextjs | Look up CE.SDK Next.js reference guides and documentation |
docs-sveltekit | Look up CE.SDK SvelteKit reference guides and documentation |
build | Implement features, write code, and set up CE.SDK Web projects |
explain | Explain how CE.SDK Web features work — concepts, architecture, workflows |
The plugin also includes a builder agent that autonomously scaffolds complete CE.SDK web applications — detecting your framework, applying starter kit templates, and implementing features end-to-end.
Add the marketplace and install the plugin:
# Add the marketplace (one-time setup)
claude plugin marketplace add imgly/agent-skills
# Install the plugin
claude plugin install cesdk@imgly
Install using the Vercel Skills CLI:
# Install all skills for Claude Code
npx skills add imgly/agent-skills -a claude-code
# Install a specific skill only
npx skills add imgly/agent-skills --skill docs-react -a claude-code
# List available skills first
npx skills add imgly/agent-skills --list
For any skills-compatible agent, copy skill folders directly from the GitHub repository:
# Clone the repo
git clone https://github.com/imgly/agent-skills.git
# Copy a specific skill into your Claude Code project
cp -r agent-skills/plugins/cesdk/skills/docs-react .claude/skills/cesdk-docs-react
# Or copy the builder agent
cp agent-skills/plugins/cesdk/agents/builder.md .claude/agents/cesdk-builder.md
Once installed, invoke skills with slash commands in your AI coding assistant:
/cesdk:docs-react configuration
/cesdk:docs-vue getting started
/cesdk:docs-nextjs server-side rendering
/cesdk:build add text overlays to images
/cesdk:build create a photo editor with filters
/cesdk:explain how the block hierarchy works
/cesdk:explain export pipeline and output formats
Each documentation skill bundles the complete CE.SDK guides and API references for its framework in a compressed index. Skills read directly from these local files — no external services or MCP servers are required.
The build skill includes starter kit templates for common use cases like design editors, video editors, and photo editors. It detects your project's framework and generates code accordingly.
MIT
npx claudepluginhub imgly/agent-skills --plugin cesdkUpstash Context7 MCP server for up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your LLM context.
AI-powered wiki generator for code repositories. Generates comprehensive, Mermaid-rich documentation with dark-mode VitePress sites, onboarding guides, deep research, and source citations. Inspired by OpenDeepWiki and deepwiki-open.
Claude + Obsidian knowledge companion. Sets up a persistent, compounding wiki vault (Karpathy's LLM Wiki pattern). v1.7 "Compound Vault" + v1.8 methodology modes close 5 of 5 priority gaps from the May 2026 compass artifact. Ships: substrate alignment with kepano/obsidian-skills, default Obsidian CLI transport, hybrid retrieval (contextual prefix + BM25 + cosine rerank per Anthropic's Sept 2024 research), per-file advisory locking for multi-writer safety, pre-commit verifier agent, AND methodology modes (LYT / PARA / Zettelkasten / Generic) for first-class organizational support no other Claude+Obsidian competitor offers. v1.7.x audit closure: every BLOCKER + HIGH + MEDIUM + LOW finding from the v1.7.0 audit is CLOSED or DEFERRED-with-rationale. Optional DragonScale Memory extension (log folds, deterministic addresses, semantic tiling lint, boundary-first autoresearch).
Complete AI coding workflow system. Self-correcting memory + persistent FTS5-indexed research wikis + auto-research loop + multi-LLM council on a single SQLite store. 33 skills, 8 agents, 22 commands, 37 hook scripts across 24 events. Cross-agent via SkillKit.
Make your AI agent code with your project's architecture, rules, and decisions.