--- title: "Build CE.SDK with AI Coding Agents - IMG.LY" description: "A directory of coding agents that build with CE.SDK (Claude Code, Cursor, Codex, and more), plus ready-to-use prompts and setup guides for shipping faster with AI." url: "https://img.ly/capabilities/agents/" type: "page" --- > This is the markdown version of [Build CE.SDK with AI Coding Agents - IMG.LY](https://img.ly/capabilities/agents/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt). --- # 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** ```bash claude plugin marketplace add imgly/agent-skills claude plugin install cesdk@imgly ``` **Any skills-compatible agent (Vercel Skills CLI)** ```bash # also: -a codex, -a windsurf, -a github-copilot, ... npx skills add imgly/agent-skills -a cursor ``` ## Start building with your agent ### Agent Skills - [Claude Code](https://img.ly/capabilities/agents/claude-code.md) (Terminal): CLI coding agent. Install the CE.SDK Agent Skills plugin for autonomous project scaffolding across 10 web frameworks. - [OpenAI Codex](https://img.ly/capabilities/agents/openai-codex.md) (Terminal): Coding agent with CE.SDK Agent Skills support: bundled offline docs and guided code generation, no MCP server required. - [Cursor](https://img.ly/capabilities/agents/cursor.md) (IDE): AI code editor. Add CE.SDK Agent Skills so Cursor can scaffold, explain, and look up CE.SDK from inside the editor. - [VS Code Copilot](https://img.ly/capabilities/agents/vscode-copilot.md) (IDE): 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](https://img.ly/capabilities/agents/devin-desktop.md) (IDE): Agentic IDE, formerly Windsurf. Install the CE.SDK Agent Skills for scaffolding, plus the MCP server for real-time docs inside your workflow. ### MCP Server - [Claude Desktop](https://img.ly/capabilities/agents/claude-desktop.md) (Desktop): 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. ## 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** ```text 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** ```text Explain how the CE.SDK block hierarchy works. Explain the CE.SDK export pipeline and output formats. ``` **Docs** ```text 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](https://img.ly/docs/cesdk/js.md) or the full [documentation bundle](https://img.ly/docs/cesdk/js/llms-full.txt) 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** ```bash 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. [Read the Agent Skills docs](https://img.ly/docs/cesdk/js/get-started/agent-skills-f7g8h9.md#setup-instructions) [Explore Build with AI](https://img.ly/docs/cesdk/js/get-started/build-with-ai-k7m9p2.md#choose-your-approach) ## Agent FAQs ### Agents **Q: What are IMG.LY Agent Skills?** A: 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. **Q: Which coding agents are supported?** A: 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. **Q: Do I need an MCP server?** A: 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. **Q: Which frameworks are supported?** A: 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. --- ## More Resources - **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design - **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation - **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.