Agents

Build CE.SDK with your coding agent

Point Claude Code, Cursor, or your AI-powered IDE at CE.SDK and it becomes a creative-editor expert. Browse the agents, copy a proven prompt, and ship a working editor in minutes instead of days.

Quick start

Install the CE.SDK Agent Skills plugin, then describe what you want to build.

Claude Code plugin marketplace
claude plugin marketplace add imgly/agent-skills
claude plugin install cesdk@imgly
Any skills-compatible agent (Vercel Skills CLI)
# also: -a codex, -a windsurf, -a github-copilot, ...
npx skills add imgly/agent-skills -a cursor

Start building with your agent

Claude Code

Terminal Agent Skills
CLI coding agent. Install the CE.SDK Agent Skills plugin for autonomous project scaffolding across 10 web frameworks.

OpenAI Codex

Terminal Agent Skills
Coding agent with CE.SDK Agent Skills support: bundled offline docs and guided code generation, no MCP server required.

Cursor

IDE Agent Skills
AI code editor. Add CE.SDK Agent Skills so Cursor can scaffold, explain, and look up CE.SDK from inside the editor.

Claude Desktop

Desktop MCP Server
Desktop AI app. Connect the CE.SDK MCP server to scope features and write build specs from the live docs, then hand off to a coding agent.

VS Code Copilot

IDE Agent Skills
In-editor AI agent. Install the CE.SDK Agent Skills for scaffolding, plus the MCP server for live docs, without leaving VS Code.

Devin Desktop

IDE Agent Skills
Agentic IDE, formerly Windsurf. Install the CE.SDK Agent Skills for scaffolding, plus the MCP server for real-time docs inside your workflow.

How agents speed up development

Point a coding agent at CE.SDK and it goes from empty project to working editor in minutes. Here is what that looks like in practice.

Scaffold a project

Describe a use case and the agent detects your framework, pulls the right starter kit, and scaffolds a complete, working project.

Generate working code

Ask for a feature in plain language and the agent writes CE.SDK code, step by step, adapted to your framework.

Automate a workflow

Go beyond a single editor: the agent wires up headless pipelines that batch-render design variants or pull catalog data into a template.

The skills

Three skills turn any supported agent into a CE.SDK specialist. Ask in plain language and the agent picks the right one. Each tool also has its own way to call a skill by name: /build in Cursor and Copilot, $build in Codex, @build in Cascade, and /cesdk:build on the Claude Code plugin route.

Build

build sets up a CE.SDK Web project and implements the features you ask for. Describe the outcome and the agent scaffolds and wires it up.

Explain

explain breaks down how CE.SDK works and how the pieces fit together, with answers adapted to your framework and level.

Docs

docs-[framework] pulls reference guides and API docs into your editor across 10 frameworks, including React, Next.js, and Node.js.

Ready-to-use prompts

Copy a starting point into your agent. Build a feature, ask how something works, or pull framework-specific docs, all without leaving the editor.

Scaffold an editor
Build a CE.SDK ad designer with Unsplash stock photos, background removal, and AI image generation for campaign variants.
Build a CE.SDK social media studio with Instagram presets and MP4 export.
Add background removal to my editor.
Explain
Explain how the CE.SDK block hierarchy works.
Explain the CE.SDK export pipeline and output formats.
Docs
Using the CE.SDK docs, how do I configure the editor in React?
Using the CE.SDK docs, how does server-side rendering work in Next.js?
Using the CE.SDK docs, how do I get started with Vue?

Common workflows

From empty project to shipped feature, without leaving your agent.

01

Scaffold a new editor

Describe the product and let the agent build it: “create a photo editor with filters”.

02

Add a feature

Extend an existing editor in place: “add background removal to my editor”.

03

Understand a concept

Ask before you build: “explain how the block hierarchy works”.

04

Automate a creative workflow

Go beyond one-off edits: “build a workflow that pulls product details from the catalog and interpolates them into a promo template”.

Three ways to connect

Pick the path that matches your tool.

Agent Skills

The build path for coding agents: Claude Code natively, and Codex, Cursor, Devin Desktop, Copilot, and 70+ others via npx skills. Bundles offline docs and starter kits for guided, autonomous scaffolding.

MCP Server

Real-time documentation search over the Model Context Protocol. The path for chat apps like Claude Desktop, and a live-docs upgrade any agent can run alongside the skills.

LLMs.txt

For any AI tool, set up by hand. Paste the documentation index or the full documentation bundle into the tool of your choice.

The full documentation bundle runs to over 2 million tokens, well beyond any model’s context window, so Agent Skills and the MCP server are the better fit for most tools. To pull a single docs page as clean markdown, request it with a content-negotiation header:

Fetch any docs page as markdown
curl -H "Accept: text/markdown" https://img.ly/docs/cesdk/react/get-started/overview-e18f40/
Get building

Ship your first editor with an agent

Install the plugin, paste a prompt, and let your agent scaffold a working CE.SDK project.

Agent FAQs

A plugin that turns your AI coding agent into a CE.SDK expert. It bundles offline documentation, API references, and starter kits across 10 web frameworks, so agents like Claude Code or Cursor can scaffold and explain CE.SDK projects without external services or MCP servers.

Claude Code installs the skills natively as a plugin. Codex, Cursor, Devin Desktop, VS Code Copilot, and 70+ other agents install them with the Vercel Skills CLI (npx skills). Chat apps like Claude Desktop connect through the CE.SDK MCP server instead. Every agent in the gallery has a step-by-step setup guide.

Not to build. Agent Skills bundle the documentation offline, so there is no server or API key to manage. The MCP server adds real-time documentation search, so answers stay current between releases: run it alongside the skills, or on its own in chat apps like Claude Desktop.

React, Vue.js, Svelte, SvelteKit, Angular, Next.js, Nuxt.js, Electron, Vanilla JavaScript, and Node.js. The agent detects your framework and pulls the matching starter kit and reference guides.