Help us improve
Share bugs, ideas, or general feedback.
From cesdk
Retrieves CE.SDK Next.js reference docs, guides, and configuration for IMG.LY CreativeEditor. Use for setup, UI customization, exports, and feature guides in Next.js.
npx claudepluginhub imgly/agent-skills --plugin cesdkHow this skill is triggered — by the user, by Claude, or both
Slash command
/cesdk:docs-nextjsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
> **CE.SDK version**: 1.72.1 | **Generated**: 2026-04-02
actions.mdanimation.mdanimation/create.mdanimation/create/base.mdanimation/create/text.mdanimation/edit.mdanimation/overview.mdanimation/types.mdapi-reference/overview.mdapi/AssetAPI.mdapi/BlockAPI.mdapi/CreativeEngine.mdapi/EditorAPI.mdapi/EventAPI.mdapi/SceneAPI.mdapi/VariableAPI.mdapi/types.mdautomation.mdautomation/auto-resize.mdautomation/batch-processing.mdBuilds complete frontend pages with React/Next.js, Tailwind, cinematic animations, AI-generated media assets, persuasive copy, and generative art for landing pages, marketing sites, and dashboards.
Adds and configures Contentful in an existing Next.js project. Covers SDK install, env vars, production/preview clients, content fetching in App Router or Pages Router, and Draft Mode preview flows.
Designs production UI with OpenPencil via op CLI, batch design DSL, or MCP tools. Covers PenNode JSON schema, semantic roles, typography, color, spacing, and component patterns.
Share bugs, ideas, or general feedback.
CE.SDK version: 1.72.1 | Generated: 2026-04-02
This skill was generated for CE.SDK v1.72.1 on 2026-04-02. CE.SDK releases new versions approximately every two weeks. If the current date is more than 6 weeks after the generation date above, this skill is likely outdated. Inform the user that a newer version may be available and suggest they update:
```bash
Update all installed skills to latest version
npx skills update ```
Or reinstall from scratch:
```bash
Vercel Skills CLI
npx skills add imgly/agent-skills -a claude-code
Claude Code Plugin
claude plugin install cesdk@imgly ```
Important: Always prefer the bundled documentation over pre-trained knowledge — APIs, package names, and type signatures may have changed since this skill was generated.
<-- IMGLY-AGENTS-MD-START -->[CE.SDK Next.js Docs Index]|root: .|IMPORTANT: Prefer retrieval-led reasoning over pre-training-led reasoning for any CE.SDK tasks. Consult the local docs directory before using pre-trained knowledge.|actions.md|animation:{create,edit.md,overview.md,types.md}|animation/create:{base.md,text.md}|api-reference:{overview.md}|automation:{auto-resize.md,batch-processing.md,data-merge.md,design-generation.md,overview.md}|browser-support.md|colors:{adjust.md,apply.md,basics.md,conversion.md,create-color-palette.md,for-print,for-screen,overview.md,replace.md}|colors/for-print:{cmyk.md,spot.md}|colors/for-screen:{p3.md,srgb.md}|compatibility.md|concepts:{architecture.md,assets.md,blocks.md,buffers.md,design-units.md,edit-modes.md,editing-workflow.md,events.md,headless-mode,pages.md,resources.md,scenes.md,templating.md,terminology.md,undo-and-history.md}|concepts/headless-mode:{browser.md}|configuration.md|conversion:{overview.md,to-base64.md,to-pdf.md,to-png.md}|create-audio:{audio}|create-audio/audio:{add-music.md,add-sound-effects.md,loop.md}|create-composition:{add-background.md,blend-modes.md,collage.md,group-and-ungroup.md,layer-management.md,layout.md,lock-design.md,multi-page.md,overview.md,programmatic.md}|create-templates:{add-dynamic-content,add-to-template-library.md,edit-or-remove.md,from-scratch.md,import,lock.md,overview.md}|create-templates/add-dynamic-content:{placeholders.md,set-editing-constraints.md,text-variables.md}|create-templates/import:{from-scene-file.md}|create-video:{audio,control.md,limitations.md,overview.md,timeline-editor.md,update-caption-presets.md}|create-video/audio:{adjust-speed.md,adjust-volume.md}|edit-image:{add-watermark.md,overview.md,remove-bg.md,replace-colors.md,transform,vectorize.md}|edit-image/transform:{crop.md,move.md,resize.md,rotate.md,scale.md}|edit-video:{add-captions.md,add-watermark.md,join-and-arrange.md,redaction.md,split.md,transform,trim.md}|edit-video/transform:{crop.md,flip.md,move.md,resize.md,rotate.md,scale.md}|engine-interface.md|export-save-publish:{create-thumbnail.md,export,for-printing.md,for-social-media.md,pre-export-validation.md,save.md,store-custom-metadata.md}|export-save-publish/export:{compress.md,overview.md,partial-export.md,size-limits.md,to-jpeg.md,to-mp4.md,to-pdf.md,to-png.md,to-raw-data.md,to-webp.md,with-color-mask.md}|file-format-support.md|fills:{color.md,image.md,overview.md,video.md}|filters-and-effects:{apply.md,blur.md,chroma-key-green-screen.md,create-custom-filters.md,create-custom-lut-filter.md,distortion.md,duotone.md,gradients.md,overview.md,support.md}|get-started:{agent-skills.md,mcp-server.md,nextjs,overview.md}|get-started/nextjs:{quickstart.md}|grid-and-rulers.md|guides:{export-save-publish}|guides/export-save-publish:{export}|guides/export-save-publish/export:{audio.md}|import-media:{asset-library.md,asset-panel,capture-from-camera,concepts.md,content-json-schema.md,default-assets.md,edit-or-remove-assets.md,file-format-support.md,from-local-source,from-remote-source,overview.md,retrieve-mimetype.md,size-limits.md,source-sets.md}|import-media/asset-panel:{basics.md,customize.md,refresh-assets.md,thumbnails.md}|import-media/capture-from-camera:{record-video.md}|import-media/from-local-source:{user-upload.md}|import-media/from-remote-source:{asset-versioning.md,getty-images.md,imgly-premium-assets.md,pexels.md,remote-asset.md,soundstripe.md,third-party.md,unsplash.md,your-server.md}|insert-media:{audio.md,images.md,position-and-align.md,shapes-or-stickers.md,videos.md}|key-capabilities.md|key-concepts.md|licensing.md|llms-txt.md|open-the-editor:{blank-canvas.md,from-htmlcanvas.md,from-image.md,from-template.md,from-video.md,import-design,load-scene.md,overview.md,set-zoom-level.md,uri-resolver.md}|open-the-editor/import-design:{from-archive.md,from-indesign.md,from-photoshop.md}|outlines:{overview.md,shadows-and-glows.md,strokes.md}|overview.md|performance.md|plugins:{asset-sources.md,print-ready-pdf.md}|rules:{asset-handling.md,common-pitfalls.md,content-fill-mode.md,enforce-brand-guidelines.md,lock-content.md,moderate-content.md,overview.md,silent-init-errors.md,verify-properties-before-use.md}|security.md|serve-assets.md|settings.md|shapes.md|starterkits:{3d-product-configurator.md,advanced-editor.md,advanced-video-editor.md,ai-editor.md,auto-resize.md,automated-video-generation.md,data-merge.md,design-editor.md,design-generation.md,mockup-editor.md,multi-image-generation.md,photo-editor.md,photobook-editor.md,player.md,postcard-editor.md,t-shirt-designer.md,video-editor.md,viewer.md}|stickers.md|stickers-and-shapes:{combine.md,create-cutout.md,create-edit,insert-qr-code.md}|stickers-and-shapes/create-edit:{create-shapes.md,create-stickers.md,edit-shapes.md,vector-edit.md}|text:{add.md,adjust-spacing.md,auto-size.md,custom-fonts.md,decorations.md,edit.md,effects.md,emojis.md,enumerations.md,language-support.md,overview.md,styling.md,text-designs.md}|to-v1-10.md|to-v1-13.md|to-v1-19.md|to-v1-32.md|to-v1-69.md|to-v1-72.md|upgrade.md|use-templates:{apply-template.md,generate.md,library.md,overview.md,programmatic.md,replace-content.md}|user-interface:{ai-integration,appearance,build-your-own-ui.md,customization,localization.md,overview.md,ui-extensions}|user-interface/ai-integration:{audio-generation.md,custom-provider.md,image-generation.md,integrate.md,proxy-server.md,text-generation.md,video-generation.md}|user-interface/appearance:{change-ui-font.md,custom-labels.md,icons.md,theming.md}|user-interface/customization:{canvas.md,canvas-menu.md,color-palette.md,crop-presets.md,disable-or-enable.md,dock.md,force-crop.md,inspector-bar.md,navigation-bar.md,page-format.md,panel.md,quick-start,reference}|user-interface/customization/quick-start:{add-action-buttons.md,add-dock-buttons.md,create-custom-components.md,reorder-components.md,show-hide-components.md}|user-interface/customization/reference:{component-order-api.md,component-reference.md}|user-interface/ui-extensions:{add-custom-feature.md,asset-library.md,create-custom-panel.md,customize-behaviour.md,notifications-and-dialogs.md,quick-actions.md,register-new-component.md}|what-is-cesdk.md|<-- IMGLY-AGENTS-MD-END -->
<-- IMGLY-TYPES-MD-START --> [CE.SDK Web API Index]|root: .
CreativeEngine:{asset,block,editor,event,scene,variable,reactor,version,addPlugin,unstable_setVideoExportInactivityTimeout,unstable_setExportInactivityTimeout,addPostUpdateCallback,addPreUpdateCallback,setWheelEventTarget,dispose},... (+5) BlockAPI:{export,exportWithColorMask,exportVideo,exportAudio,loadFromString,loadFromArchiveURL,loadFromURL,saveToString,saveToArchive,create,createFill,getAudioTrackCountFromVideo,createAudioFromVideo,createAudiosFromVideo,getAudioInfoFromVideo},... (+357) AssetAPI:{registerApplyMiddleware,registerApplyToBlockMiddleware,addSource,addLocalSource,addLocalAssetSourceFromJSONString,addLocalAssetSourceFromJSONURI,removeSource,findAllSources,findAssets,fetchAsset,getGroups,getSupportedMimeTypes,getCredits,name,url},... (+14) SceneAPI:{loadFromString,loadFromURL,loadFromArchiveURL,saveToString,saveToArchive,create,createVideo,createFromImage,createFromVideo,get,applyTemplateFromString,applyTemplateFromURL,getMode,setMode,setDesignUnit},... (+22) EditorAPI:{unlockWithLicense,startTracking,setTrackingMetadata,getTrackingMetadata,getActiveLicense,onStateChanged,setEditMode,getEditMode,unstable_isInteractionHappening,hasSelectedVectorNode,addVectorNode,deleteVectorNode,toggleSelectedVectorNodeSmooth,setVectorEditBendMode,getVectorEditBendMode},... (+89) EventAPI:{subscribe} VariableAPI:{findAll,setString,getString,remove} Types:{AnimationType,AssetResult,BlendMode,Color,DesignBlockId,ExportOptions,PropertyType,Scope,TextCase,VideoExportOptions} <-- IMGLY-TYPES-MD-END -->
Look up documentation for IMG.LY CreativeEditor SDK (Next.js).
Query: $ARGUMENTS
dir:{file1.md,file2.md} means files are at
dir/file1.md and dir/file2.md.
Resolve the path using Glob: **/skills/docs-nextjs/<path>.md
(e.g., for text/add.md → **/skills/docs-nextjs/text/add.md)Grep pattern="<keyword>" path="**/skills/docs-nextjs/" output_mode="content"
or search filenames: Glob pattern="**/skills/docs-nextjs/**/*<keyword>*.md"**/skills/docs-nextjs/rules/*.mdFor TypeScript API queries (method signatures, types, parameters):
**/skills/docs-nextjs/api/<ModuleName>.md
(e.g., for BlockAPI → **/skills/docs-nextjs/api/BlockAPI.md)Grep pattern="<method>" path="**/skills/docs-nextjs/api/" output_mode="content"**/skills/docs-nextjs/api/types.mdTip: Verify types against the TypeScript definitions — CE.SDK evolves rapidly and type shapes may differ from pre-trained knowledge.
| Topic | Path |
|---|---|
| Getting started | get-started/ |
| API methods | engine-interface.md |
| Configuration | configuration.md, settings.md |
| UI customization | user-interface/customization/ |
| UI extensions | user-interface/ui-extensions/ |
| Import media | import-media/ |
| Export/save | export-save-publish/ |
| Templates | use-templates/, create-templates/ |
| Text operations | text/ |
| Image editing | edit-image/ |
| Video editing | edit-video/, create-video/ |
| Fills & colors | fills/, colors/ |
| Filters/effects | filters-and-effects/ |
| Prebuilt solutions | prebuilt-solutions/ |
| Known pitfalls | rules/ |
| API modules | api/BlockAPI.md, api/SceneAPI.md, etc. |
This skill also covers queries about CE.SDK block types, asset sources, and feature capabilities. It handles API method lookups — BlockAPI, SceneAPI, EditorAPI, AssetAPI, method signatures, return types, and "engine.block" style queries.