Agent Skills

The CE.SDK Agent Skills plugin gives AI coding assistants bundled documentation, guided code generation, and autonomous project scaffolding for building applications with CreativeEditor SDK across 10 Web frameworks.

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#

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

Prerelease and Nightly Versions#

By default every install method above tracks the latest stable CE.SDK release. If you build against a prerelease or nightly engine build (for example @cesdk/node-native on the next or dev npm dist-tag), you can install the matching skills from a dedicated release channel. The channels mirror the npm dist-tag names:

Every published version is also available under an exact v<version> git tag for pinning, so you can either track a moving channel (latest of that kind) or pin to one specific build. All three install methods accept a channel branch or a version tag.

Claude Code Plugin#

Pin the marketplace to a channel branch or a version tag with the @<ref> suffix:

# Prerelease (release candidate) channel — latest rc
claude plugin marketplace add imgly/agent-skills@next
claude plugin install cesdk@imgly

# Nightly channel — latest nightly
claude plugin marketplace add imgly/agent-skills@dev
claude plugin install cesdk@imgly

# A specific published version
claude plugin marketplace add imgly/agent-skills@v1.78.0-nightly.20260630
claude plugin install cesdk@imgly

Vercel Skills CLI#

Specify a channel branch or version tag with the #<ref> fragment (or an equivalent /tree/<ref> URL):

# Nightly channel — latest nightly
npx skills add imgly/agent-skills#dev -a claude-code

# A specific published version
npx skills add imgly/agent-skills#v1.78.0-nightly.20260630 -a claude-code

# A single skill from a pinned version (`@` selects the skill)
npx skills add imgly/agent-skills#v1.78.0-nightly.20260630@docs-node -a claude-code

Manual Copy#

Clone a specific channel branch or an exact version tag:

# Nightly channel — latest nightly
git clone -b dev https://github.com/imgly/agent-skills.git

# A specific published version
git clone -b v1.78.0-nightly.20260630 https://github.com/imgly/agent-skills.git

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.