--- title: "Set Up CE.SDK with Devin Desktop (formerly Windsurf) - IMG.LY" description: "Turn Devin Desktop into a CE.SDK expert: install the Agent Skills, connect the live-docs MCP server, and build a social media studio from a single prompt." url: "https://img.ly/capabilities/agents/devin-desktop/" type: "page" --- > This is the markdown version of [Set Up CE.SDK with Devin Desktop (formerly Windsurf) - IMG.LY](https://img.ly/capabilities/agents/devin-desktop/). 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). --- # Devin Desktop: Set up CE.SDK with Devin Desktop Devin Desktop, the agentic IDE Cognition released as Windsurf and renamed in June 2026, takes ten minutes to turn into a CE.SDK expert. It gets you from an idea like "a social media studio with brand templates" to a working editor running in your browser. ## Before you start You don't need to be a developer to follow this guide. You need two things on your machine. - [Devin Desktop](https://devin.ai/desktop) installed and signed in. If you already run Windsurf, that is the same app under its former name. - [Node.js](https://nodejs.org) 20 or newer. It provides the `npx` command used below and runs the editor you build. ## From setup to working editor in four steps ### Step 01: Install the CE.SDK skills Open a terminal in your project folder (Terminal, then New Terminal) and run one command. It installs the CE.SDK Agent Skills into `.agents/skills/` beside your project: offline CE.SDK docs and starter kits covering 10 web frameworks. The CLI still ships the agent id under its old name. Add `-g` to install the skills once for every project on your machine. **Install the skills for Devin Desktop** ```bash npx skills add imgly/agent-skills -a windsurf ``` ### Step 02: Connect the live docs The MCP server gives Devin Desktop real-time search over the current CE.SDK documentation, so answers stay accurate between releases. Add this block to `~/.codeium/windsurf/mcp_config.json` (create the file if it doesn't exist), then reload the app. That path configures the Cascade agent. Devin Local, the default agent in new tabs, reads `.devin/mcp_config.local.json` instead. **~/.codeium/windsurf/mcp\_config.json** ```json { "mcpServers": { "imgly_docs": { "serverUrl": "https://mcp.img.ly/mcp" } } } ``` ### Step 03: Verify it works Ask a docs question in Cascade. If the answer cites CE.SDK docs, the skills are active. Cascade picks a skill from your request on its own; to call one explicitly, prefix its name with `@`, as in `@docs-react`. For the MCP server, confirm `imgly_docs` appears in the MCP servers list after the reload. **Ask a test question** ```text What export formats does CE.SDK support? ``` ### Step 04: Describe what you want to build Open the Cascade panel and paste a product idea. Devin scaffolds the project, installs CE.SDK, wires up the features, and prints the command to run it (usually `npm run dev`). Run it and your editor opens in the browser. **Your first build prompt** ```text Build a social media studio with CE.SDK: Instagram post and story presets, a template gallery locked to our brand fonts and colors, background removal for product shots, and MP4 export for animated posts. ``` ## What you can do Three skills turn Devin Desktop into a CE.SDK specialist, with live docs behind every answer. Ask in plain language and Cascade picks the right one, or call it explicitly with `@name`. ### Build a feature **`build`** sets up a CE.SDK Web project and implements the features you ask for. Describe the outcome and Devin scaffolds and wires it up. ### Understand a concept **`explain`** breaks down how CE.SDK works and how the pieces fit together, adapted to your framework and level. ### Search the live docs With the MCP server connected, Devin answers CE.SDK questions from the current documentation, so guidance reflects the latest release. ## Example prompts Copy a starting point into Cascade. Start a product, extend it feature by feature, or ask how something works before you commit to it. **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 greeting card maker: seasonal templates, photo upload with filters, and print-ready PDF export. Build a CE.SDK video promo editor: trim clips, add text overlays and music, export as MP4. ``` **Extend it** ```text Add a template gallery so users start from our designs. Add AI generative editing so users can replace image backgrounds from a text prompt. Restrict editing so users can change text but not move the layout. ``` **Understand it** ```text What export formats does CE.SDK support? How do I add background removal to a CE.SDK editor? Show me how to configure the CE.SDK toolbar in React. ``` ## Tips Get better results from the first prompt. - Prompt with outcomes, not implementation: "users pick a template and export a finished story" beats "integrate the scene API". - The Cascade MCP config lives at `~/.codeium/windsurf/mcp_config.json` and applies to every workspace; Devin Local reads `.devin/mcp_config.local.json` per project. - Reload the app after editing the config or installing the skills. - Skills fire from a plain-language request. To call one explicitly, prefix its name with `@`, as in `@build`. - Run skills and MCP together: skills for scaffolding, the MCP server for live docs search. ## Set up another agent Point a different coding agent at CE.SDK. - [Set up CE.SDK with Claude Code](https://img.ly/capabilities/agents/claude-code.md) - [Set up CE.SDK with OpenAI Codex](https://img.ly/capabilities/agents/openai-codex.md) - [Set up CE.SDK with Cursor](https://img.ly/capabilities/agents/cursor.md) - [Set up CE.SDK with Claude Desktop](https://img.ly/capabilities/agents/claude-desktop.md) - [Set up CE.SDK with VS Code Copilot](https://img.ly/capabilities/agents/vscode-copilot.md) ## Devin Desktop: Ship a working editor Install the skills, paste a prompt, and Devin scaffolds a CE.SDK project you can run. [Read the Agent Skills docs](https://img.ly/docs/cesdk/js/get-started/agent-skills-f7g8h9.md#setup-instructions) [Back to all agents](https://img.ly/capabilities/agents.md) ## Devin Desktop FAQs ### Devin Desktop **Q: Do I need to know how to code?** A: No. Describe the product you want in plain language and Devin scaffolds the project and tells you how to run it. You review the result in the browser and keep prompting until it matches your vision. **Q: Do I need a license key or an account?** A: Not for the setup. The skills and the MCP server are free and need no API key, and the project Devin scaffolds runs locally without a license key. Licensing only comes in when you deploy what you built. **Q: Agent Skills or MCP server?** A: Both, ideally. Agent Skills bundle the docs and starter kits offline so Devin can scaffold autonomously. The MCP server adds real-time documentation search on top, so answers stay current between releases. **Q: The MCP server doesn't appear after saving the config.** A: Validate the JSON in \`~/.codeium/windsurf/mcp\_config.json\` and reload the app so it re-reads the config. That path configures the Cascade agent; Devin Local, the default agent in new tabs, reads \`.devin/mcp\_config.local.json\` instead. --- ## 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.