imgly

CE.SDK Agent Skills

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

What Are Agent Skills?

Agent Skills are portable knowledge packs that plug into AI coding assistants. By installing the CE.SDK skills, you get:

• Offline documentation: All guides, API references, and best practices bundled locally — no external API calls
• Guided code generation: Build and explain skills that walk through CE.SDK implementation step by step
• Autonomous scaffolding: A builder agent that creates complete CE.SDK projects from scratch

Available Skills

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.

Setup Instructions

Claude Code Plugin

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

Vercel Skills CLI

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

Manual Copy

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

Usage

Once installed, invoke skills with slash commands in your AI coding assistant:

Look up documentation

/cesdk:docs-react configuration
/cesdk:docs-vue getting started
/cesdk:docs-nextjs server-side rendering

Build a feature

/cesdk:build add text overlays to images
/cesdk:build create a photo editor with filters

Explain a concept

/cesdk:explain how the block hierarchy works
/cesdk:explain export pipeline and output formats

How It Works

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.

License

MIT